Skip to content

W5 Challenge- create a simple calendar application that allows a user to save events. ---8/8/22

License

Notifications You must be signed in to change notification settings

Joyce750526/crazy-busy-scheduler

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

19 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Module 5 Challenge: Create a crazy-busy-scheduler

Purpose:

Use current knowledge that we learned in class to apply in this assignment. Applying JavaScript add-on libray (Bootstrap, FontAwesome, jQuery, and moment.js) to make JavaScript more orgainzed and interactive.


HTML: Code was provided as a starter code in the package.

  • Applied bootstrap spacing (my-5) to make currentday and time in the reasonable space in the Jumbotron area.
  • Applied new class from Bootstrap library to make row-cloumns appreared the way how reference image was.
  • Applied save icon from FontAwesome library to maske this crazy calender looks nicer.
  • Applied ID for each time in order to use this in JavaScript

CSS: Code was provided as a starter code in the package.

  • Use this starter code to change colors as preferred
  • Apply new class or ID in the CSS code

JavaScript: Code was not provided.

  • Use time fomate from moment.js library.
  • Use jQuery click method syntax
  • Use jQuery element selector syntax

Deployed Image:

ceazy busy scheduler screenshot can be found here.


Required to submit the following URL for review:


Chao-Ying (Joyce) Chen

About

W5 Challenge- create a simple calendar application that allows a user to save events. ---8/8/22

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published