Introduction This is an E-Commerce Web Application built using Flask for the backend and React for the frontend. It allows users to browse products, add them to their cart, and make payments. The application also provides user registration and login functionalities.
Product Listing: Users can view a list of products available for purchase. User Registration: New users can register for an account. User Login: Registered users can log in to their accounts. Shopping Cart: Users can add products to their shopping cart and review the cart contents. Product Reviews: Users can read and leave reviews for products. Authentication: Users must be logged in to perform certain actions like leaving reviews or making purchases.
Backend (Flask) Flask: A Python web framework used for building the backend server. Flask-Migrate: A tool for handling database migrations. Flask-CORS: Used to enable Cross-Origin Resource Sharing for frontend requests. Passlib: Used for hashing and verifying user passwords. SQLite: A lightweight database used for storing application data. Flask-RESTful: Used for creating RESTful APIs. Frontend (React) React: A JavaScript library for building user interfaces. React Router: Used for client-side routing to navigate between different pages. React Hooks: Utilized for managing state within functional components. CSS: Custom styling for the user interface.
Clone the repository to your local machine.
Set up the Flask Backend:
Install Python (if not already installed). Create a virtual environment. Install required Python packages using pip install -r requirements.txt. Run the Flask application with python app.py. Set up the React Frontend:
Install Node.js and npm (if not already installed). Navigate to the frontend directory. Install required npm packages using npm install. Start the development server with npm start. Access the application in your web browser at http://localhost:3000.
Visit the homepage to browse products. Register or log in to access additional features. Add products to your cart and proceed to checkout. Leave reviews for products. Explore the About page for more information.
Mucsin yusuf Victor Wanjala Victor masibo Anzal Abdinoor Robert Neriko Tony Kiplangat
Thanks to the Flask and React communities for providing excellent documentation and resources.