Engaging Study Tracker Website
Budget: ₹600 – ₹1,500 INR
A websites : Project Name: My Activity
Objective:
To help users track their daily study hours in an interactive and motivational way using a calendar-style activity tracker with streak and timer functionalities.
⸻
Main Features:
1. Calendar-Style Activity Tracker
• A grid layout where each square represents a day.
• On hover or click, it shows how many hours were studied that day.
• Colored based on hours studied (e.g., light to dark green as hours increase).
2. Study Timer
• A user-set timer, similar to the ASUS laptop mini study timer.
• Example: Set a 1-hour timer. When completed, the hour is added to the daily count.
• You can repeat multiple sessions a day.
3. Streak Counter
• Tracks consecutive days the user met their daily study target.
• Example: Target = 2 hours/day; streak increases only if 2+ hours logged.
⸻
Tech Stack (Assumed Based on Previous Chats):
• Frontend: React.js (used for building UI components)
• Backend: Node.js + Express (optional, for data storage)
• Database: MongoDB (to save user data, hours studied, and streaks)
⸻
Optional Add-ons (For Future)
• Graph view of study hours by week/month.
• Notifications or daily reminders.
• Gamification like badges for milestones (e.g., 7-day streak, 100 hours total).
• User login and personalization.
• Export study data.
Objective:
To help users track their daily study hours in an interactive and motivational way using a calendar-style activity tracker with streak and timer functionalities.
⸻
Main Features:
1. Calendar-Style Activity Tracker
• A grid layout where each square represents a day.
• On hover or click, it shows how many hours were studied that day.
• Colored based on hours studied (e.g., light to dark green as hours increase).
2. Study Timer
• A user-set timer, similar to the ASUS laptop mini study timer.
• Example: Set a 1-hour timer. When completed, the hour is added to the daily count.
• You can repeat multiple sessions a day.
3. Streak Counter
• Tracks consecutive days the user met their daily study target.
• Example: Target = 2 hours/day; streak increases only if 2+ hours logged.
⸻
Tech Stack (Assumed Based on Previous Chats):
• Frontend: React.js (used for building UI components)
• Backend: Node.js + Express (optional, for data storage)
• Database: MongoDB (to save user data, hours studied, and streaks)
⸻
Optional Add-ons (For Future)
• Graph view of study hours by week/month.
• Notifications or daily reminders.
• Gamification like badges for milestones (e.g., 7-day streak, 100 hours total).
• User login and personalization.
• Export study data.