tailwind-django-project Tailwind Templates

Tailwind Django Project

image# šŸš€ Tailwind Django Blog Project

A modern blog application combining Django's powerful backend with Tailwind CSS's beautiful frontend components.


✨ Key Features

Feature Description
Fullstack Architecture Django backend with Tailwind CSS frontend
Modern UI Responsive design with animated components
Production Ready Includes all necessary configurations
Developer Friendly Clean code structure with separation of concerns

šŸ›  Tech Stack

Frontend

Tailwind CSS HTML5 CSS3

Backend

Django SQLite


šŸš€ Quick Start

Prerequisites

  • Python 3.10+
  • Node.js 16+
  • pip and npm

Installation

# Clone repository
git clone https://github.com/shahwali-web/tailwind-django-project.git
cd tailwind-django-project

# Set up virtual environment (Windows)
python -m venv venv
.\venv\Scripts\activate

# Install Python dependencies
pip install -r requirements.txt

# Install Node dependencies
npm install

# npm install tailwindcss @tailwindcss/cli
npm install tailwindcss @tailwindcss/cli

# Run development servers
python manage.py runserver & npm run watch:css 

šŸ“‚ Project Structure
tailwind-django-project/
ā”œā”€ā”€ myproject/               # Django project config
ā”œā”€ā”€ myapp/                   # Django blog app
ā”œā”€ā”€ static/                  # Static files
│   ā”œā”€ā”€ src/                 # Tailwind source CSS
│   └── dist/                # Compiled assets
ā”œā”€ā”€ templates/               # Django templates
ā”œā”€ā”€ venv/                    # Virtual environment
ā”œā”€ā”€ .gitignore
ā”œā”€ā”€ manage.py                # Django management
ā”œā”€ā”€ package.json             # Tailwind config
└── requirements.txt         # Python dependencies

<div align="center">
šŸ“¬ Contact
šŸ‘¤ Shah Wali
šŸ“§ Email: [email protected]
šŸ’» GitHub: github.com/shahwali-web
</div>

Top categories

Loading Svelte Themes