Coder Social home page Coder Social logo

reasonable-crustacean's Introduction

Work Day Scheduler

Description

This work day scheduler can be used by anyone with a busy schedule to plan their day. Users can save their tasks to time-blocks. The objective of this project was to use the third party APIs and local storage to create a dynamic work day scheduler.

Installation

N/A

Usage

This app can be used to schedule a user's tasks. Users can enter their tasks in to a text area for each hour. When the user clicks the save button, their input will be saved to local storage and displayed in the same time-block, persisting upon page refresh. When the user clicks the clear-all button, all input will be cleared. The current date dynamically displays at the top of the page. The colors of the time-blocks are dynamically determined by the current hour.

Website Screenshot

Deployed Website Link

Credits

I referenced jQuery documentation for details on the .each() method: https://api.jquery.com/each/

I referenced this site for how to use a variable in jQuery document query selector: https://www.daniweb.com/programming/web-development/threads/517437/use-variable-in-document-queryselector

I referenced this site for details on local storage persisting after window refresh: https://stackoverflow.com/questions/44564795/how-to-keep-localstorage-values-after-refresh

License

Please refer to the license in the repo.

reasonable-crustacean's People

Watchers

 avatar

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.