This project is an Online Shop Application built with React for the frontend, Django for the backend, and PostgreSQL database. It includes functionalities for managing products, orders, stock, and customer information. Users can browse products, add items to their shopping cart, and proceed through checkout with a choice of delivery plans and payment methods.
The Online Shop Application provides a platform for customers to browse products, add them to a shopping cart, and place orders. It also includes functionality for managing products, customer accounts, and inventory, accessible through a web interface.
-
Customer Features:
- Search and browse products
- Add products to a shopping cart
- Place orders
- Manage credit cards and addresses
- View order history
-
Staff Features:
- Add, delete, and modify products and prices
- Manage product inventory across warehouses
To run the project locally, follow these steps:
-
Prerequisites:
- Python 3
- Django
- Django REST Framework
- Django Cors Headers
- psycopg2
- PostgreSQL
- Node.js
- npm
-
Clone the repository:
git clone https://github.com/qme02/Online-Shopping-Application.git cd Online-Shopping-Application
-
Install dependencies:
pip install -r requirements.txt
-
Apply database migrations:
python manage.py makemigrations python manage.py migrate
-
Create a superuser (for accessing Django Admin):
python manage.py createsuperuser
-
Run the server:
python manage.py runserver
-
Run the React UI client
npm start
-
Access the server API:
Open a web browser and go to http://127.0.0.1:8000/
-
Access the website:
Open a web browser and go to http://127.0.0.1:3000/
Once the server is running and you've accessed http://127.0.0.1:3000/, you can:
- Log in as a customer or staff member.
- Browse products, add them to your cart, and place orders.
- Manage products, prices, and inventory (staff only).
- Almaamar Alkiyumi - Backend Developer
- Jacob Towne - Web Developer
- Joe Ferguson - SQL Developer
- Zach Reising - Web Developer