[Dashboard Preview]
A full-stack admin dashboard built with Django backend and Bootstrap/jQuery frontend.
- Custom admin interface with dashboard analytics
- Role-based authentication system
- RESTful API endpoints (DRF)
- PostgreSQL database integration
- Automated report generation
- CRUD operations for employee management
- Responsive Bootstrap 5 layout
- Interactive charts with Chart.js
- Real-time updates with jQuery AJAX
- Dynamic form validation
- Data tables with sorting/filtering
- Toast notifications system
project-root/
├── core/ # Django main app
│ ├── models/ # Database models
│ ├── views/ # Business logic
│ ├── templates/ # HTML templates
│ └── static/ # CSS/JS assets
├── config/ # Project settings
├── requirements.txt # Dependencies
└── manage.py # Django CLI- Python 3.10+
- PostgreSQL 14+
- Node.js (for frontend dependencies)
# Clone repository
git clone https://github.com/Dantechdevs/HR-STYSTEM
cd django-dashboard
# Create virtual environment
python -m venv venv
source venv/bin/activate # Linux/Mac)
venv\Scripts\activate # Windows
# Install dependencies
pip install -r requirements.txt
# Configure environment
cp .env.example .env
nano .env # Edit database credentials
# Database setup
python manage.py migrate
python manage.py createsuperuser
# Collect static files
python manage.py collectstatic
# Start development server
python manage.py runserver# Install frontend dependencies
npm install bootstrap jquery @popperjs/core chart.js
# Custom CSS/JS location
core/static/
├── css/
│ └── custom.css
└── js/
└── main.js| Category | Technologies |
|---|---|
| Backend | Django 4.2, Django REST Framework |
| Frontend | Bootstrap 5, jQuery 3.7, Chart.js |
| Database | PostgreSQL, Django ORM |
| Deployment | Gunicorn, Nginx, Docker |
| Utilities | Celery, Redis, pytest |
# config/settings.py
STATIC_URL = '/static/'
STATICFILES_DIRS = [BASE_DIR / 'core/static']
STATIC_ROOT = BASE_DIR / 'staticfiles'
# .env
DEBUG=True
SECRET_KEY=your-secret-key
DB_NAME=yourdb
DB_USER=youruser
DB_PASSWORD=yourpassword