study planner

Inspiration

As a student, I often struggled with organizing study sessions and keeping track of tasks. I wanted a tool that not only helps plan study schedules but also feels seamless and accessible to use. That inspired me to build Study Planner, a web app designed to simplify learning organization.

What it does

Study Planner allows users to:

• Log in securely through an accessible overlay with clear error handling.
• Create and manage study tasks with a clean, modular interface.
• Transition smoothly from authentication to the main app without friction.

How I built it

I used:

• HTML, CSS, JavaScript for the front-end.
• Modular overlays for login flows, with ARIA attributes for accessibility.
• Error messaging and validation logic to ensure clarity for users.
• Deployed on Vercel for easy access: Study Assistant

Challenges

• Balancing overlays and redirects in authentication logic.
• Ensuring accessibility with ARIA attributes and intuitive error feedback.
• Iteratively refining UI transitions to feel natural and user-friendly.

Accomplishments

• Built a functional and accessible login overlay.
• Integrated error handling that provides immediate feedback.
• Created a planner interface that is simple yet effective.

What I learned

• The importance of accessibility in authentication flows.
• How modular design improves maintainability and user experience.
• Iterative refinement is key—small adjustments can make a big difference.

What's next

• Add calendar integration for smarter scheduling.
• Enhance task visualization with progress tracking.
• Expand authentication options (e.g., OAuth) for broader usability.

Built With

• css
• html
• javascript