Git Product home page Git Product logo

day-planner's Introduction

Work Day Planner

Third-Party APIs

Description

This project was create to conceptualize and code a simple calendar application, which users would find engaging, but straightforward to use. This application makes use of a working understanding and knowledge about how to use JQuery, Third-Party APIs, and Moment.js to create an application where end users can schedule their day and keep track in real-time of their activities, while the scheduler saves fields of input to localStorage for later retrieval. Moment.js consists of a library to work with date and time functions to streamline this functionality. Each day tracks the standard business hours (9 A.M. - 5 P.M.). The challenges with this project were to develop coding that would result in each "Task" field changing colors appropriately, as follows:

  • Grey - Past
  • Red - Current
  • Green - Future

This functionality would allow for better time management.

Installation

To run the application locally, you will need to clone the repository to your local machine and open in your favorite code editor to check it out!

HTTPS:

$ git clone https://github.com/K-ai30/day-planner.git

SSH:

$ git clone [email protected]:K-ai30/day-planner.git

Or, visit the deployed version at:

Link

https://k-ai30.github.io/day-planner/

Technologies Utilized:

  • HTML5
  • CSS3
  • Bootstrap 4
  • JavaScript
  • jQuery

Features Included:

The user can plan their work day with the following triggered effects:

  • Activity input field
  • Saving capabilities
  • Color coded for past, present, and future items
  • Current Date/Time stamp

Additional features include the option of saving the list items to local storage for later retrieval.

Notes

I started building this application for an end-user in an effort to provide a solution to a need to organize work or personal activities daily. To that end, I hope to achieve some future dated development ideas that will enhance the user engagement with the application.

Author

Contributing

For major changes, please open an issue first to discuss what you would like to change. Changes will not be made without the consent of the author of this application.

Copyright (c) [2020] [Alia Kyle Perry]

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.