This is the sample application for the DevOps Capstone Project on Learn to Cloud. It shows your favorite TV Shows or movies, the front-end is in React and the API is written in Python using FastAPI.
Front-End - A web application where users can view.
API: API that receives request to fetch TV Shows or Movies data, stored in NoSQL Database. For this sample app I am using CosmosDB from Azure. But you can modify the code according to your provider within the API.
The API code exists in the api directory. You can run the API server locally:
- Clone this repo
- Make sure you are in the
apidirectory - Create a virtualenv by typing in the following command:
python -m venv .venv - Install the required packages:
pip install -r requirements.txt - Create a
.envfile, and add your CosmosDB connection details(only if you are using Azure CosmosDB), check.env.example - Also, change the API code depending on the data stored in your NoSQL Database in
main.pyaccordingly - Run the API server:
uvicorn main:app --reload - Your API Server should be running on port
http://localhost:8000
The front-end code exits in the frontend directory. You can run the front-end server locally:
- Clone this repo
- Make sure you are in the
frontenddirectory - Install the dependencies:
npm install - Run the NextJS Server:
npm start - Your Front-end Server should be running on
http://localhost:3000
The goal is to get hands-on with DevOps practices like Containerization, CICD and monitoring.
- Containerize the Application: Create Dockerfiles for both api and frontend.
- CI/CD: Setup CI/CD pipeline to push images to Dockerhub or other container registries like ACR or ECR.
- Infrastructure as Code: Deploy a Kubernetes cluster to your choice of cloud provider, using Terraform.
- Kubernetes: Create deployments for both of your containers using YAML files, and deploy it to your cluster.
- Monitoring: Setup monitoring for your cluster, look into Prometheus and Grafana.
Look at the Phase 4 capstone project for more details.