A Simple E-commerce build on Django 4, Solid js, and TailWind! .
- Solid Js - A Reactive JavaScript Library.
- Django - Django makes it easier to build better web apps more quickly and with less code.
- Vite - Next Generation Frontend Tooling.
- Typescript - JavaScript with syntax for types.
- Tailwind 3 - Rapidly build modern websites without ever leaving your HTML.
- CockroachDB - A distributed SQL database designed for speed, scale, and survival.
$PROJECT_ROOT
│
├── apps/web # Django Backend
│
├── apps/www # Solid js App
│
├── apps/templates # Django Templates
│
├── apps/web/apps/ accounts, carts, category, products, pages # Django Apps
│
├── requirements # Python Requirements
│
├── testing # Jupyter Notebook for Testing
│
├── data/products.json # Sample Data
│
├── app.py # Entry Point for Django Backend
│
├── vercel.json # Vercel Config file
│
├── manage.py # Run Django Commands
│
├── package.json # npm commands.
- Clone Repo
mkdir django_ecommerce
cd django_ecommerce
git clone https://github.com/Arvind-4/E-Commerce-.git .
- Create Virtual Environment for Python
pip install virtualenv
python -m venv .
- Activate Virtual Environment
source Scripts/activate
Window Users use: .\Scripts\activate
- Install Dependencies
pip install -r requirements.txt
- Make Migrations
python manage.py makemigrations
python manage.py migrate
- Install Dependencies
npm run i
- Run Dev Server
npm run dev
- Now for Bundling Your Frontend + Django static
npm run production
Run Both Django and Vite Server for Hot Reload in Your Project Root
Open localhost:8000 in Your Browser.
NOTE: Add Products by Navigating Admin Page.
Admin url => admin/