Devstations - Full Stack App (React + Flask)

Live Demo GCP: Backend URL: https://devstations-server-6351281086.us-central1.run.app GCP Frontend URL: https://devstations-client-6351281086.us-central1.run.app

[Visit Frontend App] https://manibalasinha.github.io/devstations/ Backend: Flask (Python)Visit Backend Apphttps://devstations-5.onrender.com/
Frontend: React
Deployed On: Vercel (Frontend) + Render (Backend)

watch my youtube video to know the details https://youtube.com/live/nH6ib6JBxvo?feature=share

Overview

Devstations is a simple Full Stack project that demonstrates how a React frontend communicates with a Flask backend through RESTful APIs.

• Built with React for a responsive UI.
• Backend powered by Flask serving JSON data via API routes.
• Deployed on modern platforms like Render and Vercel.

---

Tech Stack

Layer	Technology
Frontend	React, Vite
Backend	Flask (Python)
API Comm.	Fetch API / Axios
Deployment	Vercel (frontend), Render (backend)

---

Features

• Flask REST API for handling backend logic
• React frontend that fetches data via Axios/Fetch
• CORS configured for cross-origin requests
• Live deployment URLs for instant access

---

How to Run Locally

Backend (Flask):

cd server
pip install -r requirements.txt
python app.py

Backend will run on: http://localhost:5000

Frontend (React):

cd client
npm install
npm run dev

Frontend runs on: http://localhost:5173

Make sure the backend is running before launching the frontend.

---

API Endpoints

Method	Route	Description
GET	/api/posts	Get list of posts
POST	/api/posts	Add a new post

---

Deployment URLs

• Frontend (Vercel): https://your-vercel-url.vercel.app
• Backend (Render): https://your-backend-url.onrender.com)

---

Author

• Manibala Sinha
• Portfolio: devstations.blogspot.com
• GitHub: @ManibalaSinha
• YouTube: Python/React Concepts

---

📜 License

This project is licensed under the MIT License.