Monthly Planner is an interactive web application designed to help users organize monthly activities, goals, and important events. The app includes five structured sections for tracking movies, books, travel plans, personal goals, and important days. Users can also customize section colors to personalize their experience. This was my first JavaScript project, focused on core concepts such as DOM manipulation, event handling, and localStorage-based CRUD operations — building a strong foundation for creating dynamic web apps without frameworks.
Key Features
- Monthly planning sections for movies, books, travel, goals, and important days
- Create, edit, and delete entries (client-side CRUD)
- LocalStorage persistence to keep data after refresh
- Color customization per section for a personalized UI
- Vanilla JavaScript DOM manipulation and event-driven interactions
Tech Overview
- Stack: HTML, CSS, JavaScript (Vanilla), LocalStorage
- Live Project: monthlyplanner.netlify.app
- GitHub: github.com/selenkarakaya/monthly-planner-app
- Project date: September 2024