Study Sathi

• 

  home page

• 

  task page

• 

  Study timer

• 

  user stats

Inspiration

Managing study schedules, tasks, and staying focused can be overwhelming for students. We wanted to create a tool that combines task management, productivity tracking, and focus techniques in one simple, intuitive platform. StudySathi was inspired by the need for a digital study companion that motivates students and helps them stay organized.

What it does

StudySathi helps students:

Track tasks: Add, prioritize, and filter tasks based on urgency and deadlines.

Focus efficiently: Use the integrated Pomodoro timer to manage study sessions and breaks.

Get study suggestions: Automatically recommends what to study next.

Monitor progress: Visualize daily and weekly study hours, total tasks, and completed tasks.

How we built it

Frontend: HTML, CSS, JavaScript

Data Storage: Local Storage to save tasks and study data

Responsive Design: CSS Grid and Flexbox for mobile and desktop compatibility

Interactive Features: Dynamic task rendering, Pomodoro timer, and dark/light mode toggle

Challenges we ran into

Managing task prioritization dynamically based on due dates.

Implementing a responsive Pomodoro timer with live countdown and session tracking.

Ensuring a smooth dark mode/light mode toggle without breaking styles.

Storing and updating persistent data using only Local Storage.

Accomplishments that we're proud of

Successfully built a fully functional study companion with task management, focus timer, and statistics.

Implemented a user-friendly interface with intuitive navigation and visual feedback.

Created dynamic study suggestions to help users stay productive.

Ensured the app is responsive and accessible on multiple devices.

What we learned

How to structure a complex frontend application with multiple interactive components.

Effective use of Local Storage for persistent state management.

Handling UI/UX challenges, such as responsive layouts and theme toggling.

The importance of prioritization and feedback in productivity apps.

What's next for StudySathi

Add user authentication and cloud storage to save tasks across devices.

Integrate reminders and notifications for upcoming tasks.

Include analytics dashboards for more detailed study insights.

Expand with customizable study plans, subjects, and clubs for personalized learning.

Built With

• css
• html5
• javascript