Skip to content

Full-stack eCommerce web application built with Django REST Framework and React. Includes authentication, product management, order processing, and admin dashboard.

Notifications You must be signed in to change notification settings

kdev307/django-react-ecommerce-fullstack-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Django-React eCommerce Application

Welcome to the Django-React eCommerce Application! This project is a full-stack eCommerce platform built using Django for the backend and React for the frontend. It includes features such as user authentication, product management, and order processing.


Table of Contents

  1. Project Overview
  2. Features
  3. Technologies Used
  4. Setup Instructions
  5. Folder Structure
  6. Screenshots

Project Overview

This application is designed to provide a seamless shopping experience for users while offering robust management tools for administrators. The backend is powered by Django, ensuring secure and scalable operations, while the frontend is built with React for a dynamic and responsive user interface.


Features

  • User Authentication: Sign up, log in, and manage profiles.
  • Product Management: Add, edit, and delete products.
  • Order Processing: Place orders, track statuses, and manage order history.
  • Responsive Design: Optimized for both desktop and mobile devices.
  • Admin Dashboard: Manage users, products, and orders.

Technologies Used

Backend:

  • Django 5.1.1
  • Django REST Framework
  • PostgreSQL (or SQLite for development)
  • Simple JWT for authentication

Frontend:

  • React
  • Redux for state management
  • Tailwind CSS for styling

Setup Instructions

Prerequisites:

  • Python 3.10+
  • Node.js 16+
  • npm or yarn

Steps:

  1. Clone the repository:

    git clone https://github.com/kdev307/Django-React-eComm-App.git
  2. Navigate to the project directory:

    cd Django-React-eComm-App
  3. Run the setup script:

    .\setup_project.ps1
  4. Access the application:


Folder Structure

Django-React-eComm-App/
├── backend/
│   ├── appMain/          # Django app with models, views, serializers, etc.
│   ├── static/           # Static files (images, CSS, JS)
│   ├── templates/        # HTML templates
│   ├── manage.py         # Django management script
│   └── requirements.txt  # Python dependencies
├── frontend/
│   ├── src/              # React components and pages
│   ├── public/           # Public assets (index.html, images, etc.)
│   ├── package.json      # Node.js dependencies
│   └── tailwind.config.js # Tailwind CSS configuration
├── env/                  # Python virtual environment
└── setup_project.ps1     # Setup script

Screenshots

Home Page

Hero Section

Hero Section

Categories

Category

Popular Products

Popular Products

Benefits

Benefits

Testimonials

Testimonials

Store Page

Store Overview

Store

Cart

Cart

Account Management

Login

Login

Sign Up

Sign Up

Profile

Profile

Update Profile

Update Profile

View Address

View Address

Add Address

Add Address

Review Page

Product Reviews

Product Review

Add Review

Product Add Review

User Reviews

User Reviews

Order History Page

Order History

Order History

Order History Details

Order History Detail

Order Checkout

Order Checkout

Emails

Activate Account

Activate Account

New Product Notification

New Product

Order Dispatched

Order Dispatched

Order Placed

Order Placed

Updates

Updates

Account Activation Message

Activation Failed

Activation Failed

Activation Success

Activation Success

Admin Page

Add Product

Admin Add Product 1 Admin Add Product 2 Admin Add Product 3 Admin Add Product 4

Dispatch Orders

Admin Dispatch

Admin Profile

Admin Profile

Admin Store

Admin Store

View Order History

Admin View Order History


About

Full-stack eCommerce web application built with Django REST Framework and React. Includes authentication, product management, order processing, and admin dashboard.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published