/django-tailwind-css-alpinejs-online-store

An online store built using Django 5, Tailwind CSS, and Alpine.js.

Primary LanguageHTML

Online Store

This is an online store built using Django 5, Tailwind CSS, and Alpine.js.

plot

Table of Contents

Prerequisites

Install the following prerequisites:

  1. Python 3.10-3.12
    This project uses Django v5.0.2. For Django to work, you must install a correct version of Python on your machine. More information here.
  2. Node.js
  3. Visual Studio Code

Installation

1. Create a virtual environment

From the root directory, run:

python -m venv venv

2. Activate the virtual environment

From the root directory, run:

On macOS:

source venv/bin/activate

On Windows:

venv\scripts\activate

3. Install required dependencies

From the root directory, run:

pip install -r requirements.txt

4. Run migrations

From the root directory, run:

python manage.py makemigrations
python manage.py migrate

5. Create an admin user to access the Django Admin interface

From the root directory, run:

python manage.py createsuperuser

When prompted, enter a username, email, and password.

6. Install required frontend dependencies

From the root directory, run:

npm install

Run the application

From the root directory, run:

python manage.py runserver

View the application

Go to http://127.0.0.1:8000/ to view the application.

Add data to the application

Add data through Django Admin.

Go to http://127.0.0.1:8000/admin to access the Django Admin interface and sign in using the admin credentials.

Copyright and License

Copyright © 2024 Bob's Programming Academy. Code released under the MIT license.