Initially created in the spring of 2023 for my UCF Full-Stack Web Development Bootcamp.
This project is a simple web-based daily schedule application that helps users organize their tasks for the day. Users can input tasks for different hours, and the application will visually indicate whether each hour is in the past, present, or future relative to the current time. Tasks are saved locally, allowing users to revisit and update their schedule at any time.
- Dynamic Time Display: The application displays the current date and time, updating in real-time using the Day.js library.
- Hourly Task Input: Users can input tasks for each hour of the day, between 8am and 7pm.
- Color-Coded Time Blocks: Each hour's time block is color-coded to indicate whether it is in the past, present, or future relative to the current time.
- Local Storage: User-entered tasks are saved locally, allowing them to persist even after refreshing the page or closing the browser.
- HTML5: Markup language for structuring the web page.
- CSS3 (Bootstrap): Used for styling and layout of the application.
- JavaScript (jQuery): Provides interactivity and dynamic behavior.
- Day.js: Library for parsing, validating, manipulating, and formatting dates and times.
- Local Storage: Allows data to be stored locally within the user's browser.
- GitHub Pages: Used to host and deploy your application.
To set up the project for local development:
- Clone the repository to your local machine.
- Open the project directory.
- Open the
index.htmlfile in a web browser to view the application.
To use the application:
- Open the
index.htmlfile in a web browser. - Input your tasks for each hour of the day.
- Click the save button next to each input field to save your tasks.
- The application will automatically update the color of each time block based on the current time.
This project is licensed under the MIT License.
Feel free to reach out to me via GitHub, or email me at egarrisxn@gmail.com.