/Study-Planner

This study planner is a web application built using HTML5, CSS3, and JavaScript. It helps users plan and track their study sessions, providing a structured approach to learning.

Primary LanguageJavaScript

Study Planner with Progress Tracker

Overview

This study planner is a web application built using HTML5, CSS3, and JavaScript. It helps users plan and track their study sessions, providing a structured approach to learning.

Features

  1. Study Planner: Organize your study schedule by adding courses, subjects, and study sessions.

  2. Progress Tracker: Track your progress for each study session and visualize your achievements.

Getting Started

Prerequisites

  • Modern web browser (Chrome, Firefox, Safari, etc.)

Installation

  1. Clone the repository: git clone [repository_url]
  2. Open the index.html file in your web browser.

Upcoming features

  1. Adding a Course:

    • Click on the "Add Course" button.
    • Enter the course name and click "Save."
  2. Adding a Subject:

    • Click on a course.
    • Click on the "Add Subject" button.
    • Enter the subject name and click "Save."
  3. Adding a Study Session:

    • Click on a subject.
    • Click on the "Add Study Session" button.
    • Enter the session details and click "Save."
  4. Updating Progress:

    • Click on a study session.
    • Use the progress slider to update your progress.
    • Click "Save Progress."

Screenshots

Include screenshots or GIFs demonstrating the main features and user interface of your study planner. Desktop View

Mobile View

Contributing

If you'd like to contribute to the project, follow these steps:

  1. Fork the repository.
  2. Create a new branch for your feature: git checkout -b feature-name
  3. Make changes and commit: git commit -m "Description of changes"
  4. Push to your branch: git push origin feature-name
  5. Create a pull request.

License

This project is licensed under the MIT License.

Acknowledgments

  • Inspiration: Mention any projects or resources that inspired your work.

Contact

For any questions or feedback, contact [Your Name] at [mdshoeb1024@gmail.com].