LearnTracker – Boost Your Daily Learning

When you first entered the task
You can rename the task.
Give feedback when you complete the task.
If you do everything, you will be applauded.

Inspiration

We wanted to create a simple yet powerful tool that helps students and self-learners stay organized, motivated, and consistent in their daily learning journey.

What it does

LearnTracker lets users add learning tasks, mark them as completed with fun emojis, view descriptions through an accordion, and see their progress in a clean interface.

How we built it

We built it using React with TypeScript for strong type safety. We used useState and useEffect hooks for state management and localStorage integration to persist data across sessions.

Challenges we ran into

Designing an intuitive UX within limited time was challenging. Integrating modals for emoji selection and implementing accordion components dynamically also required careful state handling.

Accomplishments that we're proud of

We are proud that we built a fully functional and responsive learning tracker with editable tasks, progress tracking, and an engaging user experience within a short time frame.

What we learned

We improved our skills in React state management, TypeScript interfaces, user-centric design, and building modals and accordions efficiently under hackathon constraints.

What's next for LearnTracker – Boost Your Daily Learning

We plan to integrate a backend for user authentication, add personalized learning analytics, and launch as a full productivity tool for students and lifelong learners globally.