/scheduler

Daily planner / scheduler app built using JavaScript, Moment.js 2.29.3, jQuery 3.6.0, HTML, CSS, Font Awesome & Bootstrap 5.2.0.

Primary LanguageJavaScript

Daily Planner / Scheduler App

Introduction

The Daily Planner / Scheduler App is a user-friendly web application designed to assist in effectively planning and organizing daily schedules. Utilizing the power of JavaScript, Moment.js, jQuery, and Bootstrap, this app offers a sleek and intuitive interface for managing your daily tasks with ease.

Features

  • Current Day Display: Upon opening the planner, the current day is prominently displayed at the top, providing a clear reference point.
  • Time Blocks for Standard Business Hours: Scroll through time blocks allocated for each hour of a standard business day.
  • Color-Coded Time Blocks: Each time block is color-coded to visually distinguish past, present, and future hours, enhancing the planning experience.
  • Editable Event Blocks: Click on any time block to add or edit events and tasks for that specific hour.
  • Local Storage Integration: Save your tasks in local storage by clicking the save button, ensuring that your data persists even after refreshing the page.

Technologies Used

  • JavaScript
  • Moment.js 2.29.3
  • jQuery 3.6.0
  • HTML
  • CSS
  • Font Awesome
  • Bootstrap 5.2.0

Deployment

The application is deployed and accessible at Scheduler App.

Screenshot

Daily Planner / Scheduler App

Usage

This planner is ideal for professionals, students, or anyone looking to streamline their daily scheduling. It's particularly beneficial for managing appointments, meetings, and deadlines.

Acknowledgments

Created and designed by Darren Kandekore. Special thanks to all the open-source contributors whose tools and libraries made this project possible.

License

This project is licensed under the MIT License. See the LICENSE file for more details.