📚 Playlist Planner
A responsive and interactive study planner built with pure HTML, CSS, and JavaScript.
This project helps organize long learning playlists into structured study blocks and automatically generates a day-by-day learning schedule based on selected study hours.
✨ Features
- 🎯 Topic-based grouped learning blocks
- 📅 Automatic daily study schedule generation
- ⏱ Adjustable hours-per-day slider
- 📊 Real-time statistics:
- Total duration
- Total study days
- Weeks required
- 📱 Responsive modern UI
- 🎨 Clean dark-themed interface
- ⚡ Built with vanilla JavaScript (no frameworks)
🛠 Technologies Used
- HTML5
- CSS3
- JavaScript (Vanilla)
📂 Project Structure
playlist_schedule_manager.html
README.md
🚀 How to Run
- Clone the repository
git clone https://github.com/yourusername/WebPage.git
- Open the project folder
- Run the file
Simply open:
playlist_schedule_manager.html
in your browser.
📸 Features Overview
Learning Blocks
Topics are grouped into categories such as:
- Web Scraping
- SQL
- Data Processing
- Python
- BI & Visualization
- Cloud Platforms
- Portfolio Preparation
Dynamic Study Planning
Adjust your daily study hours using the slider and the planner automatically recalculates:
- Total days required
- Weekly schedule
- Daily study chunks
🎯 Purpose
This project was built to make large learning playlists easier to manage and complete consistently without burnout.
It is especially useful for:
- Data Science learners
- Analytics students
- Self-taught developers
- Exam preparation
🔮 Future Improvements
- Drag & drop topic ordering
- Progress tracking
- Save schedule locally
- Export schedule as PDF
- Mobile app version
- Calendar integration
👨💻 Author
Made with ❤️ for structured self-learning.