Skip to content

juanlajara/Day-Planner

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

48 Commits
 
 
 
 
 
 

Repository files navigation

Work Day Scheduler

💡 Project Overview

Create a simple calendar application that allows the user to save events for each hour of the day. This app will run in the browser and feature dynamically updated HTML and CSS powered by jQuery. I'll use the [Moment.js](https://momentjs.com/) library to work with date and time. Live Link

✨User Story

AS AN employee with a busy schedule
I WANT to add important events to a daily planner
SO THAT I can manage my time effectively

⚙️ List of Technologies Used

  • HTML
  • CSS
  • BootStrap
  • JavaScript
  • Moment.js
  • JQuery
  • Font Awesome

📓 Contributor(s)

🔭 Dre Lajara

💡 Special Thanks

  • Kevin Holder
  • Ashley Lerma

⚓ Acceptance Criteria

  • GIVEN I am using a daily planner to create a schedule

  • WHEN I open the planner

  • THEN the current day is displayed at the top of the calendar

  • WHEN I scroll down

  • THEN I am presented with timeblocks for standard business hours

  • WHEN I view the timeblocks for that day

  • THEN each timeblock is color coded to indicate whether it is in the past present, or future

  • WHEN I click into a timeblock

  • THEN I can enter an event

  • WHEN I click the save button for that timeblock

  • THEN the text for that event is saved in local storage

  • WHEN I refresh the page

  • THEN the saved events persist

🎉 The following animation demonstrates the application functionality:

day planner demo