Skip to content

Latest commit

 

History

History
105 lines (68 loc) · 1.85 KB

README.md

File metadata and controls

105 lines (68 loc) · 1.85 KB

Flask + React Project

This project is an e-commerce web application that uses Flask as its backend framework and React with Vite for the frontend. It demonstrates how to integrate a Flask backend with a React frontend for full-stack web development.

Technologies used:

Backend

  • Python/Flask
  • MySQL
  • sqlite (for testing)
  • SQLAlchemy (ORM)
  • JWT Tokens for auth
  • Unittest

Frontend

  • React+vite
  • Tailwind css

External services

  • Paypal payment (payment method)

Prerequisites

Before you begin, ensure you have installed the following on your development machine:

  • Python 3.8 or later
  • Node.js 14 or later
  • npm (usually comes with Node.js)

Setup

To get started with this project, follow these steps:

Backend Setup

  1. Clone the repository to your local machine:
git clone https://github.com/Abdelhay1212/E-comerce_web_app_flask_react.git
  1. Navigate to the repository
cd E-comerce_web_app_flask_react/
  1. Navigate to the backend directory
cd backend
  1. Create a virtual environment and activate it
# For Unix/macOS
python3 -m venv venv
source venv/bin/activate

# For Windows
python -m venv venv
.\venv\Scripts\activate
  1. Install the required Python packages
pip install -r requirements.txt
  1. Start the Flask application

When the app runs it uses sqlite so you don't need to install and create MySQL database.

python -m api.v1.app

Your Flask backend should now be running on http://localhost:5000.

Frontend Setup

  1. Open a new terminal and navigate to the frontend directory from the project root
cd frontend
  1. Install the required npm packages
npm install
  1. Start the development server
npm run dev

Your React application will be running on http://localhost:5173, and it should be connected to the Flask backend.