https://github.com/dimipash/flask-react-full-stack-app
Flask React Fullstack App
https://github.com/dimipash/flask-react-full-stack-app
flask fullstack react
Last synced: 2 months ago
JSON representation
Flask React Fullstack App
- Host: GitHub
- URL: https://github.com/dimipash/flask-react-full-stack-app
- Owner: dimipash
- Created: 2024-02-23T14:55:00.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-09-17T09:02:32.000Z (almost 2 years ago)
- Last Synced: 2025-07-03T01:34:39.115Z (about 1 year ago)
- Topics: flask, fullstack, react
- Language: JavaScript
- Homepage:
- Size: 77.1 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Flask-React Fullstack Contact Management App
This is a fullstack web application for managing contacts, built with Flask (backend) and React (frontend).
## Features
- View a list of contacts
- Create new contacts
- Edit existing contacts
- Delete contacts
## Tech Stack
- Backend: Flask, SQLAlchemy
- Frontend: React
- Database: SQLite (default, can be changed in configuration)
## Setup and Installation
### Backend
1. Navigate to the `backend` directory:
```
cd backend
```
2. Create a virtual environment and activate it:
```
python -m venv venv
source venv/bin/activate # On Windows, use `venv\Scripts\activate`
```
3. Install the required packages:
```
pip install flask flask-sqlalchemy flask-cors
```
4. Run the Flask application:
```
python main.py
```
The backend server will start running on `http://127.0.0.1:5000`.
### Frontend
1. Navigate to the `frontend` directory:
```
cd frontend
```
2. Install the required npm packages:
```
npm install
```
3. Start the React development server:
```
npm run dev
```
The frontend application will start running on `http://localhost:3000`.
## API Endpoints
- GET `/contacts`: Retrieve all contacts
- POST `/create_contact`: Create a new contact
- PATCH `/update_contact/`: Update an existing contact
- DELETE `/delete_contact/`: Delete a contact