Codechaos Blog is a personal blogging application built with Django and styled with Tailwind CSS. This application allows only the creator (you) to post content, providing a private space for your thoughts, updates, and articles.
- Personal Blog: Only you can create and manage blog posts.
- Tailwind CSS: Modern and responsive styling with Tailwind CSS.
- Django Admin: Simple and powerful backend for managing posts.
Follow these steps to get the project up and running on your local machine.
- Python 3.8+
- Django 4.0+
- Node.js (for Tailwind CSS)
-
Clone the Repository
git clone <repository-url> cd codechaos-blog
-
Set Up a Virtual Environment
python -m venv env source env/bin/activate # On Windows, use `env\Scripts\activate`
-
Install Python Dependencies
pip install -r requirements.txt
-
Install Node.js Dependencies
npm install
-
Run Migrations
python manage.py migrate
-
Collect Static Files
python manage.py collectstatic
-
Run the Development Server
python manage.py runserver
-
Access the Application
Open your browser and go to
http://127.0.0.1:8000/
.
blog_project/
- Main project folderblog/
- Blog app folderstatic/
- Static files (CSS, JS, images)templates/
- HTML templatesmanage.py
- Django management scriptrequirements.txt
- Python dependencies
-
Install Tailwind CSS
Follow the Tailwind CSS installation guide to integrate Tailwind CSS with Django.
-
Configure Tailwind CSS
- Update
tailwind.config.js
to include your custom configurations. - Add Tailwind CSS directives to your main CSS file.
- Update
-
Build Tailwind CSS
npm run build
As the only user, you can manage your blog posts through Django's admin interface. Log in with the admin credentials and navigate to the blog posts section to create, edit, or delete posts.
Homepage view of the Codechaos Blog.
This project is licensed under the MIT License - see the LICENSE file for details.
If you'd like to contribute to this project, please fork the repository and submit a pull request with your changes.
- Django - High-level Python web framework
- Tailwind CSS - Utility-first CSS framework