Skip to content

A simple calendar application that allows the user to save events for each hour of the day

Notifications You must be signed in to change notification settings

boocipher/Daily_planner

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Daily Planner

This is a simple calendar app that allows the user to save events for each hour of the day. The app runs in the browser and has dynamically updated HTML and CSS powered by jQuery. It is limited to standard business hours, so the user can enter events between 8 am and 5 pm for each hour. To help the user easily navigate the page, the current hour slot is red, the upcoming slots are green, while any past time slots are grey. When the user enters and event description and clicks the save button for that particular hour, the events are saved into local storage so that if the user refreshes the app webpage, they don't lose all their saved events.

Thechnologies:

  • HTML5
  • CSS3
  • Bootstrap
  • Javascript
  • JQuery
  • MomentJS

Link to deployed app

CLICK HERE to try out the Daily Planner App

Screenshot of Web App UI

Day_Planner



User Instructions

  1. Click on the field corresponding to the required timeslot
  2. Type in your appointment details
  3. Click the SAVE icon next to the field on the right

Day_Planner-demo

Acknowledgements

Header and CSS code were provided as part of the Full Stack Web Dev Bootcamp at the University of Austin. Make sure to check them out here

About

A simple calendar application that allows the user to save events for each hour of the day

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published