Skip to content

Anon23261/Module11-Mini-Proect

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

E-Commerce React Application 🛍️

License: MIT React Bootstrap Flask SQLAlchemy Code Style

🌟 Description

A modern, feature-rich e-commerce application built with React and Flask. This application provides comprehensive customer management, product catalog handling, and order processing capabilities.

✨ Features

👤 Customer Management

  • Create, read, update, and delete customer profiles
  • Manage customer accounts and details
  • Validate customer information

📦 Product Catalog

  • Full product CRUD operations
  • Real-time stock level management
  • Automated restocking system
  • Product confirmation modals

🛒 Order Processing

  • Place new orders with multiple products
  • View complete order history
  • Cancel pending orders
  • Real-time price calculation

🚀 Installation

  1. Clone both repositories:
# Clone frontend
git clone <your-repo-url>
cd e-commerce-react

# Clone backend
git clone https://github.com/Anon23261/Module6-Mini-Project.git
cd Module6-Mini-Project
  1. Install dependencies:
# Frontend
cd e-commerce-react
npm install

# Backend
cd ../Module6-Mini-Project
pip install -r requirements.txt
  1. Start both servers:
# Start backend (in Module6-Mini-Project directory)
python main.py

# Start frontend (in e-commerce-react directory)
npm start

🔧 Technologies Used

Frontend

  • React 18.2.0
  • React Router DOM 6.x
  • React Bootstrap 2.x
  • Axios for API calls
  • React Icons

Backend

  • Flask 2.2.2
  • SQLAlchemy 2.0.23
  • Flask-SQLAlchemy
  • SQLite Database

📁 Project Structure

src/
├── components/
│   ├── customers/      # Customer management
│   ├── products/       # Product catalog
│   ├── orders/         # Order processing
│   └── common/         # Shared components
├── context/           # Global state management
├── hooks/             # Custom React hooks
├── services/          # API services
└── utils/            # Helper functions

🔗 Backend Integration

This project connects to the Module 6 Mini-Project backend. You can find the backend code here: Module 6 Backend Project

🤝 Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

📝 License

MIT

Contact

Your Name - ghost

Project Link: https://github.com/Anon23261/Module11-Mini-Proect/edit/main/README.md

About

Mini-Project: E-commerce API

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published