📚 Smart Study Planner

A responsive and intuitive web application designed to help students and learners organize, track, and manage their study tasks efficiently. Built entirely with vanilla HTML, CSS, and JavaScript, this planner offers a clean interface, persistent data storage, and essential tools to keep your study schedule on track.

✨ Features

• Task Management:
  • Add New Tasks: Easily create tasks with a subject, due date, priority (Low, Medium, High), optional course, and notes.
  • Edit Tasks: Update existing task details directly from the form for a seamless editing experience.
  • Delete Tasks: Remove tasks with a confirmation prompt.
  • Mark as Complete: Toggle tasks between pending and completed status using checkboxes.
• Filtering & Sorting:
  • Filter Options: View all tasks, only pending, only completed, or filter by specific priority levels.
  • Sorting Options: Sort tasks by due date (ascending/descending) or priority (high-to-low / low-to-high).
  • Search Functionality: Quickly find tasks by searching keywords in their subject, course, or notes.
• Study Overview:
  • Real-time Summary: Get instant counts of total, pending, and completed tasks.
  • Upcoming Deadlines: See a list of your most pressing tasks due in the next 7 days.
  • Today's Focus: Highlights high-priority tasks scheduled for the current day.
• User Interface & Experience:
  • Light/Dark Mode: Toggle between a comfortable light and dark theme, with your preference saved automatically.
  • Responsive Design: Adapts seamlessly to various screen sizes, from desktop to mobile devices.
  • Persistent Data: All your tasks and theme preferences are saved locally in your browser, so your plan is ready whenever you return.

🚀 Getting Started

To run this application locally, simply follow these steps:

1. Clone the repository (or download the files):

   git clone https://github.com/mohammedfaizaansharief1/Smart-Study-Planner.git
   cd smart-study-planner

2. Open index.html: Locate the index.html file in the project directory and open it directly in your web browser.

   • Tip: For a better development experience, you can use a Live Server extension in VS Code or similar tools.

🛠️ Technologies Used

• HTML5: For the core structure and content.
• CSS3: For styling, responsive design, and theming.
• JavaScript (ES6+): For all interactive functionalities, data management, and Local Storage integration.
• Font Awesome: For scalable vector icons.

📁 Project Structure

Smart-Study-Planner/
├── index.html # Main HTML file defining the application structure
├── style.css # All CSS rules for styling and responsiveness
└── script.js # All JavaScript logic for functionality and interactivity

💡 Development Process & Methodologies

The application was developed using a user-centric approach:

• Feature Definition: Core user needs for task management, tracking, and prioritization were identified to define a robust set of features.
• Frontend Design: A conceptually component-based approach was used for UI elements, focusing on responsive design, a flexible theming system, and clear visual hierarchy.
• Interactive Features: JavaScript was the backbone for bringing interactivity to life, handling user inputs, managing application state (e.g., edit mode), and applying efficient data manipulation algorithms (filtering, sorting, searching).
• Testing: Manual testing was performed continuously to ensure all core functionalities, UI consistency, data persistence, and responsiveness across devices met expectations.

☁️ Deployment

This application is a static frontend project, making deployment straightforward:

• Hosting: Can be hosted on any static file hosting service.
• Recommended Platforms: GitHub Pages, Netlify, Vercel, or Cloudflare Pages are excellent choices, offering free tiers, continuous deployment from Git, and automatic HTTPS.

🤝 Contributing

Contributions are welcome! If you have suggestions for improvements or new features, please feel free to:

1. Fork the repository.
2. Create a new branch (git checkout -b feature/AmazingFeature).
3. Make your changes.
4. Commit your changes (git commit -m 'Add some AmazingFeature').
5. Push to the branch (git push origin feature/AmazingFeature).
6. Open a Pull Request.

📄 License

This project is licensed under the MIT License - see the LICENSE.md file for details.

📧 Contact

Email
Project Link: https://github.com/mohammedfaizaansharief1/Smart-Study-Planner