Skip to content

CloudOps project portfolio: automation, infrastructure as code, cloud deployments, and observability.

Notifications You must be signed in to change notification settings

GhostGto/cloudops-frontend

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

4 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

🎨 CloudOps Frontend - React + Nginx + Docker

This repository contains the React frontend for the CloudOps portfolio.
It connects to the backend API and is served via Nginx inside Docker.


Features

  • Displays backend health and items
  • Dockerized for deployment
  • CI/CD with GitHub Actions

Tech Stack

  • React.js
  • Nginx
  • Docker
  • Axios
  • GitHub Actions

Project Structure

  • src/ # React source code
  • public/ # HTML template
  • Dockerfile
  • package.json
  • .github/workflows/ci-cd-frontend.yml
  • README.md

Run Locally

npm install
npm start

Frontend will run on: http://localhost:3000

Docker

docker build -t cloudops-frontend .
docker run -p 8080:80 cloudops-frontend
flowchart TD
User[πŸ‘€ User Browser] --> FE[🌐 React Frontend]
FE --> NGINX[πŸ“¦ Nginx Container]
NGINX --> BE[βš™οΈ Backend API]
NGINX --> DockerHub[(🐳 DockerHub Image Registry)]
Loading

About

CloudOps project portfolio: automation, infrastructure as code, cloud deployments, and observability.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published