Universal Exam Study Planner

A web app that helps students plan their revision by organizing exams, reducing procrastination, and generating structured study schedules to make exam preparation easier and stress-free.

Comment

Inspiration

As an IB student, I often found exam season overwhelming, with multiple exams packed into a short period. I realized many students struggle with time management, procrastination, and creating effective study schedules. I wanted to build a tool that would help break down large amounts of content into manageable sessions, reduce stress, and improve consistency in revision.

What it does

The Smart Exam Study Planner helps students prepare for exams by generating a personalized and structured revision schedule. Users input their exam subjects and dates, and the app automatically breaks down the time remaining into daily study sessions. This helps students manage their time efficiently, avoid last-minute cramming, and stay consistent in their revision. The goal is to make studying less stressful and more organized, especially when dealing with multiple exams.

How I built it

I built the Smart Exam Study Planner as a single-page web application using HTML, CSS, JavaScript, and React.js. I used HTML and CSS to structure and style the interface with a clean, responsive layout, and JavaScript with React to manage state and render dynamic components. The study schedule logic was built from scratch using JavaScript’s Date API to calculate remaining days and evenly distribute revision sessions across available time. I focused on building a user-friendly UI that works well across devices using Flexbox for responsive design. All development was done in VS Code, and the final product was deployed using Netlify for fast, reliable hosting.

Challenges that I ran into

One major challenge was designing an algorithm that distributes study time effectively across multiple exams without overwhelming the user. I also had to ensure the app remained simple to use while still being helpful. Balancing aesthetics with functionality and making sure the study schedule felt natural and flexible was another key area of focus.

Accomplishments that I am proud of

  • Built a fully functional web app from scratch that generates structured study schedules based on exam dates.

  • Created a clean and intuitive user interface that makes planning revision sessions simple and accessible.

  • Helped address a real problem students face, exam overload and procrastination, with a practical and user-friendly solution.

  • Successfully deployed the app online using Netlify, making it available for others to use instantly.

What I learned

This project helped me deepen my understanding of web development, especially how to manage dynamic data in the frontend. I also learned a lot about UI/UX design and how to create an intuitive interface that students can easily navigate. Additionally, I explored techniques for generating schedules and handling form input efficiently.

What's next for Smart Exam Study Planner

User accounts & data saving: Add authentication so students can save and access their schedules across devices.

Customizable study plans: Let users choose how many hours they want to study per day or assign different priorities to exams.

Notifications & reminders: Integrate calendar or push notifications to remind users of their daily goals.

Mobile optimization: Further improve the mobile experience to make it easier to use on the go.

Built With

Share this project:

Updates