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

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

Online Store

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

Table of Contents

• Prerequisites
• Installation
• Run the application
• View the application
• Add data to the application
• Copyright and License

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.