Git Product home page Git Product logo

workday-scheduler's Introduction

05 Third-Party APIs: Work Day Scheduler

Description

This project aims to create a simple calendar application that allows a user to save events for each hour of the day by modifying starter code. The application will run in the browser and feature dynamically updated HTML and CSS powered by jQuery. The Moment.js library is used to work with date and time.

Installation

This application runs in a browser while its HTML, CSS, JS, images, and README files are accessed through the author's GitHub repository at https://github.com/jbtiglao.

The application has the following user interface:

scheduler

For review and grading purposes, the application is deployed at https://jbtiglao.github.io/workday-scheduler/.

Usage

This application enables an employee (user) with a busy schedule to add important events so the user can manage the user's time effectively.

Following the acceptance criteria required of the project and the mock-up provided on how the project should function and look like, this application features the following functionalities:

When a user uses the daily planner to create a schedule:

  • When the user opens the planner, the current day is displayed at the top of the calendar. The application uses a date utility library to work with date and time;

currentdate

  • When the user scrolls down, the user is presented with timeblocks for standard business hours;

  • When the user views the timeblocks for that day, each timeblock is color-coded to indicate whether it is in the past, present, or future. Past even is in gray, present is in red, and future is in green;

timeblock

  • When the user clicks into a timeblock, the user can enter an event;

  • When the user clicks the save button for that timeblock, the text for that event is saved in local storage;

save-button

  • When the user refreshes the page, the saved events persist.

saved-events

  • The timeblock entry fields are editable, however, the user can use the clear button to clear all contents and the local storage.

Credits

The following books, handouts, websites, and other resources were consulted and/or utilized in the development of this project:

License

MIT License. Please see LICENSE on the application's GitHub repository.

workday-scheduler's People

Contributors

jbtiglao avatar

Watchers

 avatar

Forkers

eight19

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.