Giter Club home page Giter Club logo

daily-calendar's Introduction

URL of deployed application : https://klong75.github.io/daily-calendar/

Daily Calendar Scheduling App - Week 5 Challenge

## Very simple daily scheduling app allows users to save events for each hour of the business day. 
The app uses HTML, CSS and Javascript. 
## Moment JS is used to keep the current day and hourly time blocks updated.
## Jquery is used to simplify javascript for creating and saving events.

Project was completed to fullfill the following user story and acceptance criteria:

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

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

daily-calendarScreenshot (106)

Screenshot (107)

daily-calendar's People

Contributors

klong75 avatar

Watchers

 avatar

daily-calendar's Issues

display current day

when the app is opened it should display the current day at the top of the page

time blocks

  • (completed)The body of the page should display hourly time blocks corresponding to standard business hours
  • (completed)the time blocks should be color coded to represent past, current time, or future
  • When a user clicks on a time block they can enter an event description.
  • (completed)save icon on save buttons

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.