• Configure initially required dependencies, ex: tailwind CSS.
• Create a basic design (mock) of the portfolio frontend.

• Remove frontend
• Configure DJango Unicorn
• Setup Minimal Index Page with Django, Django Unicorn and TailwindCSS

Project Setup

Main Modules

1. Backend (Django)
2. Frontend (Vue JS)

Modules Initial Setup

• Create Initial Docker Compose file
• Add Github Workflow With Initial Validation Rules, ex: formatting.

Setup Django

• Django project setup with commonly required libraries
• Add Dockerfile

Setup Vue JS

• Vue JS Project Setup
• Add Dockerfile

Proposed Structure

.
├ - .env // environment variable
├── docker-compose.yml
├ - .github (Workflow)
├ - backend (Django)
      ├── Dockerfile
      ├── app
├ - frontend (Vue JS)
     ├── Dockerfile
     ├── app
└ -- nginx (Optional)
    ├── backend.conf
    ├── Dockerfile
    └── frontend.conf

• Remove all fake data generation logic and replace with actual backend API call.
• Add or modify required types or fields.

• Configure Django REST Framework
• Implement required models and migrations
• Create at least all GET APIs (For simplicity all create operation will be done through django default admin panel in first version)

• Remove all templates and static files
• Remove django unicorn dependency
• Remove all unnecessary dependencies from requirements

• Design starter template using tailwind CSS official documentation
• Minimum Requirements
  • Sticky Navbar (hamburger menu support)
  • Dark/Light Switch
  • TailwindCSS official documentation like background (or like flowbite)
  • A demo body element
  • Footer