This project is an e-commerce application built as a practice during the React and Django courses at ITI. It is a team project focused on creating a fully functional e-commerce website.
Check out the demo video to see the project in action.
Before running the project, make sure you have the following installed:
- Node.js
- Python
- Django
For instructions on running the Django server and setting up the required webhook for payment, please refer to the backend repository.
-
Clone the repository:
git clone https://github.com/alielzoghby/React---Project
-
Install the required dependencies:
npm install
-
Start the Django server for the backend (make sure you have the Django repository cloned and set up separately):
python manage.py runserver
Note: To run the backend server and set up the required webhook for payment, please refer to the instructions in the backend repository.
-
Start the React development server:
npm start
- Authentication and handling of refresh tokens for secure user access.
- Wishlist functionality to save desired products.
- Cart functionality for managing selected items.
- Order tracking to monitor the status of placed orders.
- Payment integration using the Stripe API.
- Redux Toolkit: Efficiently manage state using Redux Toolkit.
- Protected Routes: Implement protected routes to ensure secure access to specific parts of the application.
- Redux Async Thunk: Handle asynchronous actions with Redux Async Thunk middleware.
- Formik: Simplify form handling and validation using Formik.
- Yup: Utilize Yup for form validation.
Once the project is set up and running, you can access it by opening your browser and navigating to http://localhost:3000/. It is important to note that the backend functionality relies on the Django server, so ensure that it is running as well. Additionally, for seamless payment processing, make sure to have the webhook mentioned in the backend repository up and running.