https://github.com/rakibul-islam-raju/ecommerce-with-django-react

A single page eCommerce application with basic cart, order, payment funtionalities.
https://github.com/rakibul-islam-raju/ecommerce-with-django-react

django django-rest-framework jwt-authentication mui react react-router-v6 redux redux-toolkit typescript

Last synced: about 1 month ago
JSON representation

A single page eCommerce application with basic cart, order, payment funtionalities.

• Host: GitHub
• URL: https://github.com/rakibul-islam-raju/ecommerce-with-django-react
• Owner: rakibul-islam-raju
• Created: 2021-11-23T17:53:04.000Z (over 3 years ago)
• Default Branch: master
• Last Pushed: 2023-01-30T17:21:56.000Z (over 2 years ago)
• Last Synced: 2023-03-10T09:17:24.523Z (over 2 years ago)
• Topics: django, django-rest-framework, jwt-authentication, mui, react, react-router-v6, redux, redux-toolkit, typescript
• Language: JavaScript
• Homepage:
• Size: 5.27 MB
• Stars: 3
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## Ecommerce with Django & React

-   A singlepage ecommerce application with cart, order, payment, review and admin dashboard.

-   Admin can create or edit product fron the dashboard and manage orders and users.

-   User can review a product only after purchase the product.

---

## Installation

#### Django (Backend)

1. Ensure you have python3 installed

2. Clone the repository and cd into **backend** folder

3. Create a virtual environment using `virtualenv venv`

4. Activate the virtual environment by running

    - Linux/Mac `source venv/bin/activate`

    - Windows `source venv\Scripts\activate`

5. Install the dependencies using `pip install -r requirements.txt`

    - Using pipenv `pipenv install & pipenv shell`

6. Migrate existing db tables by running `python manage.py migrate`

7. Run the django development server using `python manage.py runserver`

8. Create Superuser using `python manage.py createsuperuser`

#### React (Frontend)

1. Clone the repository and cd into **frontend** folder

2. Install all the depenencies

    - NPM - `npm i`

    - YARN - `yarn`

3. Runs the app in the development mode.

    - NPM - `npm start`

    - YARN - `yarn start`

4. Builds the app for production to the build folder

    - NPM - `npm run build`

    - YARN - `yarn build`

---

### ScreenShots

##### Homepage

![homepage](./screenshots/homepage.png)

##### Product Details

![product-details](./screenshots/product-detail.png)

##### Cart

![cart](./screenshots/cart.png)

##### Place Order

![cart](./screenshots/place-order.png)

##### Payment with Paypal

![cart](./screenshots/payment.png)

##### Order Details

![cart](./screenshots/order-detail.png)

##### Profile

![cart](./screenshots/profile.png)

##### Dashboard - Products

![cart](./screenshots/dashboard-products.png)

##### Dashboard - Orders

![cart](./screenshots/dashboard-orders.png)

##### Dashboard - Users

![cart](./screenshots/dashboard-users.png)