Coder Social home page Coder Social logo

workdayscheduler's Introduction

Word Day Scheduler

Table of Contents

The following readme contains these sections:

Screenshot

Schedule Page

Usage

This Work Day Scheduler was designed using vanilla JavaScript, HTML, CSS, as well as the library extensions JQuery, Bootstrap, FOnt Awesome, and Moment. This day planner features 9 text areas that can be filled out with important to-do's and notes for laying out your day. When you click the button to the right your input will be saved for future reference. When you load or refresh the page the schedule will auto populate with everything you last saved to the planner. The current day is displayed at the top of the screen and the current hour is represented by the color of the text fields. The user will know that their input is saved because the check mark in the button will change color.

This Work Day Scheduler was designed using vanilla JavaScript, HTML, CSS, as well as the library extensions JQuery, Bootstrap, Font Awesome, and Moment. This day planner features 9 text areas that can be filled out with important to-do's and notes for laying out your day. When you click the button to the right your input will be saved for future reference. When you load or refresh the page the schedule will auto populate with everything you last saved to the planner. The current day is displayed at the top of the screen and the current hour is represented by the color of the text fields. The user will know that their input is saved because the check mark in the button will change color.

This would not have been possible without the help of my tutor Kumar Ramanathan, my instructor Calvin Carter, all of the class TA's, and many of my fellow UT Bootcamp students.

Live-Link

You can find a link to the live site here.

License

There is not currently a license for this service as it is only a homework assignment for the UT Coding Bootcamp Class 2020-2021

workdayscheduler's People

Contributors

joey-sisk avatar

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.