DAILYTRACKER is a modern productivity and life-management web application that helps users organize their day, manage tasks and projects, track productivity streaks, and maintain personal goals — all through a clean and intuitive dashboard.
- Add daily routines with time and title
- Mark routines as completed
- Automatic status updates
- Daily productivity streak tracking
- Add tasks for specific dates
- Set task priority:
- 🔴 High (Red)
- 🟠 Medium (Orange)
- 🟢 Low (Green)
- Calendar view with task count per day
- Mark tasks as completed
- Add project details:
- Project name
- GitHub repository link
- Description
- Deadline
- View deployed project links
- Track total projects and deployed websites
- Add personal wishes or goals
- Mark wishes as completed
- Live counters:
- Total wishes
- Completed wishes
- Remaining wishes
- User registration and login
- Uses LocalStorage for data persistence
- No backend authentication required
- Minimal productivity dashboard UI
- Clean white theme with subtle shadows
- Sidebar-based layout
- Smooth interactions and transitions
- Desktop-first responsive design
- Frontend: HTML, CSS, JavaScript / React
- State Management: LocalStorage
- Styling: Custom CSS / Tailwind (if used)
- Backend: None (Frontend-only)
DAILYTRACKER/
├── src/
│ ├── components/
│ ├── pages/
│ ├── utils/
git clone https://github.com/your-username/dailytracker.git
cd dailytracker
npm install
npm run dev
│ ├── styles/
│ └── App.js
├── public/
├── README.md
└── package.json