Inspiration

Students often struggle to organize their study tasks and keep track of their progress. We created Smart Study Planner to provide a simple and easy-to-use solution.

The website allows students to add study tasks, select subjects, mark tasks as completed, and track total, completed, and pending tasks. We built it using HTML, CSS, and JavaScript to make study planning simple, organized, and productive.

What it does

Smart Study Planner helps students organize their study tasks, track completed and pending work, and manage their subjects in one simple website.

How we built it

We built Smart Study Planner using HTML, CSS, and JavaScript. HTML was used to create the structure of the website, CSS was used to design the layout and make it user-friendly, and JavaScript was used to add interactive features such as adding, completing, and deleting study tasks and updating the progress statistics.

Challenges we ran into

One of our main challenges was making the website simple and easy to use while keeping all the features working correctly. We also faced some difficulties in handling task completion, deletion, and updating the progress statistics using JavaScript. Testing and fixing these issues helped us improve the reliability and user experience of the project.

Accomplishments that we're proud of

We are proud of successfully building a simple and functional study planner using HTML, CSS, and JavaScript. We created an easy-to-use interface where students can add, complete, and delete tasks while tracking their progress. Completing the project helped us improve our web development and problem-solving skills.

What we learned

Through this project, we learned how to combine HTML, CSS, and JavaScript to create a functional web application. We learned how to handle user input, manage tasks using JavaScript, and update the webpage dynamically. We also improved our problem-solving, debugging, and basic web development skills.

What's next for Smart study planner

In the future, we plan to add study reminders, a calendar, dark mode, progress charts, and an AI-based feature that can create personalized study schedules. We also plan to add user accounts so students can securely save and access their study plans from different devices.

Built With

Share this project:

Updates

Submission history