This project is a fullstack web application example using Django as the backend, and HTMX and TailwindCSS as frontend technologies. It is designed to demonstrate how to combine these three technologies to build a fast, responsive, and maintainable web application.
- Django Backend: Provides the API and business logic of the application.
- HTMX: Enables page updates without full page reloads, resulting in a more dynamic user experience.
- TailwindCSS: A CSS framework offering pre-built utilities for creating beautiful and responsive designs with ease.
- Clone this repository:
git clone https://github.com/hendrapaiton/fullstack.git
- Navigate into the project directory:
cd fullstack
- Create and activate a virtual environment:
python -m venv .venv
source .venv/bin/activate # On Windows use `.venv\Scripts\activate`
- Install the dependencies:
pip install -r requirements.txt
tailwindcss -i ./static/src/main.css -o ./static/src/output.css --minify
- Start the development server:
python manage.py runserver
-
Open your browser and access http://127.0.0.1:8000 to view the application.
-
Explore the available features and see how HTMX works without full page reloads.
-
Enjoy the responsive and beautiful design created with TailwindCSS.
If you would like to contribute to this project, please fork this repository and create a pull request with your changes. Be sure to run all tests before submitting your pull request.
This project is licensed under the MIT License. See the LICENSE file for more information.