Crandi

Work Day Scheduler Challenge 5 Third Party Apis Github Pages

Leo Migdal
-
work day scheduler challenge 5 third party apis github pages

This website allows people to manager their daily schedules. User Story AS AN employee with a busy schedule I WANT to add important events to a daily planner SO THAT I can manage my time effectively Acceptance Criteria GIVEN I am using a... No installation is needed to use this application. Here's a link to the GitHub repo for this project: https://github.com/abrownstein2022/ch5-third-party-api-work-day-sch Just click on the link below to use this application: https://abrownstein2022.github.io/ch5-third-party-api-work-day-sch This calendar displays the background of the current timeblock in red, past timeblocks in gray and future timeblocks in green.

A simple calendar app for scheduling your work day Third-Party APIs Challenge: Work Day Scheduler This is a challenge involving the use of third-party APIs to create a work day scheduler. When the planner is opened, the current day should be dislayed at the top of the calendar. When scrolling down, the user should be presented with time blocks for standard business hours. Each time block should be color-coded to indicate past, present, or future.

When a time block is clicked, the user should be able to enter an event. When the save button is clicked, the text for that event should be saved in the browser's local storage. When the page is refreshed, the saved events should persist on the webpage. Screenshots of the application can be found in the Screenshots folder in the repository. Deployed application: https://grunt395.github.io/Module-5-Challenge/ Used Drew's Module 5 Challenge Speedrun video for reference: https://zoom.us/rec/play/qn5uLBBBMGrSRcDOIwCKAQRa9X01DrN9lp0eAr2lI24UaglrgOokTg09srlfGE89GiYwJ0uP6AkzlDef.lOQ9j67hlU2-79QW?startTime=1652069130000&_x_zm_rtaid=VmziEmBiS3-9-LfKYFTnWg.1662699359011.3a05f9bba733aa5b052a92253afe18a2&_x_zm_rhtaid=260

The purpose of this challenge was to create a scheduler that would save user information into local storage. In order to access the files needed to complete the challenge see: https://github.com/BrennanJLM/work-day-scheduler and clone either the following HTTPS link or SSH key: HTTPS Link: https://github.com/BrennanJLM/work-day-scheduler.git SSH Key: git@github.com:BrennanJLM/password-generator.git In order to clone the... https://brennanjlm.github.io/work-day-scheduler/ Copyright 2022, Brennan Merrett Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the “Software”), to deal in the Software without restriction, including... THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION...

Create a simple calendar application that allows a user to save events for each hour of the day by modifying starter code. This app will run in the browser and feature dynamically updated HTML and CSS powered by jQuery. You'll need to use the Moment.js library to work with date and time. Be sure to read the documentation carefully and concentrate on using Moment.js in the browser. Click in box next to time you want to fill. Hours in the past are grey, current hour is red, future hours are green.

Type your task(s) for that hour. Click the blue save button to save your entry. Even when you refresh the page your information stays. When you are done for the day click the blue Clear Day to start again. https://felishayumacias.github.io/Third-Party-APIs-Work-Day-Scheduler/ https://github.com/FelishaYuMacias/Third-Party-APIs-Work-Day-Scheduler

A simple calendar app for scheduling your work day For this assignment we had to create a work day scheduler. We had to make sure that there are timeblocks for the day and that the time, day, and date shows at the top. We had to make sure that the time blocks show the past, present, and future. The past shows as gray, present as red, and future shows as green. When the user clicks on the time slot it would turn white then they would write their schedule for the timeslot(s).

When they click out of it it would go back to gray then the user would have to save. When the user clicks refresh then their schedule for the timeslot(s) would persist. They can also click on clear day to completely clear out their schedule for the day. I had also added extra hours to the day just in case the user has meetings and other work related schedules before 9AM. I had also added a delete button to make it easier for the user just in case they had accidentally added the schedule for the wrong time or if there was a cancellation or... My live page can be seen in the Table of Contents section.

The HTML and CSS codes were all already provided by UCSD Coding Bootcamp. JQuery, Bootstrap, and Moment.js were also used on this application. It is also responsive to all devices: laptop,tablets, and mobile. You can Click here to see my code for this project. Installation is not required, unless you plan on cloning to refactor the code. Please email me to make sure this is okay.

AS AN employee with a busy schedule I WANT to add important events to a daily planner SO THAT I can manage my time effectively Click here to be directed straight to the deployed application GIVEN I am using a daily planner to create a schedule WHEN I open the planner THEN the current day is displayed at the top of the calendar Create a simple calendar application that allows a user to save events for each hour of the day by modifying starter code. This app will run in the browser and feature dynamically updated HTML and CSS powered by jQuery. You’ll need to use the Day.js library to work with date and time.

Be sure to read the documentation carefully and concentrate on using Day.js in the browser. The following animation demonstrates the application functionality: Note: If a Challenge assignment submission is marked as “0”, it is considered incomplete and will not count towards your graduation requirements. Examples of incomplete submissions include the following: A repository that includes a unique name but nothing else A simple calendar app for scheduling your work day

Third-Party APIs Challenge: Work Day Scheduler GIVEN I am using a daily planner to create a schedule WHEN I open the planner THEN the current day is displayed at the top of the calendar...

People Also Search

This Website Allows People To Manager Their Daily Schedules. User

This website allows people to manager their daily schedules. User Story AS AN employee with a busy schedule I WANT to add important events to a daily planner SO THAT I can manage my time effectively Acceptance Criteria GIVEN I am using a... No installation is needed to use this application. Here's a link to the GitHub repo for this project: https://github.com/abrownstein2022/ch5-third-party-api-wo...

A Simple Calendar App For Scheduling Your Work Day Third-Party

A simple calendar app for scheduling your work day Third-Party APIs Challenge: Work Day Scheduler This is a challenge involving the use of third-party APIs to create a work day scheduler. When the planner is opened, the current day should be dislayed at the top of the calendar. When scrolling down, the user should be presented with time blocks for standard business hours. Each time block should be...

When A Time Block Is Clicked, The User Should Be

When a time block is clicked, the user should be able to enter an event. When the save button is clicked, the text for that event should be saved in the browser's local storage. When the page is refreshed, the saved events should persist on the webpage. Screenshots of the application can be found in the Screenshots folder in the repository. Deployed application: https://grunt395.github.io/Module-5...

The Purpose Of This Challenge Was To Create A Scheduler

The purpose of this challenge was to create a scheduler that would save user information into local storage. In order to access the files needed to complete the challenge see: https://github.com/BrennanJLM/work-day-scheduler and clone either the following HTTPS link or SSH key: HTTPS Link: https://github.com/BrennanJLM/work-day-scheduler.git SSH Key: git@github.com:BrennanJLM/password-generator.gi...

Create A Simple Calendar Application That Allows A User To

Create a simple calendar application that allows a user to save events for each hour of the day by modifying starter code. This app will run in the browser and feature dynamically updated HTML and CSS powered by jQuery. You'll need to use the Moment.js library to work with date and time. Be sure to read the documentation carefully and concentrate on using Moment.js in the browser. Click in box nex...