Just Notes

Simple Notes App

Light Theme	Dark Theme

Deployed with Fly.io - just-notes.fly.dev

Dummy Credentials:

email: dummy@mail.com
password: dummypassword

Created using Django, HTMX, Alpine.js, TailwindCSS

Functionality:

• Register/Login
• Profile Page:
  • Profile Details update
• Home (Notes) Page:
  • List All Notes
    • All Notes counter
  • Create a new Note
  • Update Note
  • Delete Note
  • Bulk Actions on Notes:
    • Selected Notes counter
    • Select All Notes option
    • Bulk Delete selected Notes
    • Bulk Change 'Completed' Status on selected Notes
  • Pagination
  • Live Search
  • Filter by is_completed status
• Analytics Page (WIP):
  • Base Analytics about Completed Notes per Month
  • ...
• Toasts Application to show Django Messages with HTMX
  • Auto-dismissed Toasts
  • Manual Toast dismiss
• Dark/Light mode:
  • Manual switching
  • Detecting system theme switching

Stack

• Django for the backend server
• TailwingCSS for frontend styling
• HTMX to make a frontend dynamic and interactive like a "reactive" apps
• Alpine.js for state management and frontend interactivity
• JavaScript for minor but important for usability(interactivity) things: theme switching, toasts, etc

Steps to run locally:

1. create a virtual environment
2. install requirements:
   pip install -r requirements.txt
3. run migrations:
   python manage.py migrate
4. start server:
   python manage.py runserver