Coding Challenge - 10 JavaScript Projects in 1 Hour
YouTube video is now Live, click below:
I took on a challenge to completed 10 Projects in 1 Hour while streaming everything on Twitch.
You can find the projects here.
- Hamburger Button
- button + hamburger icon
- menu > li > a -> hidden
- toggle on click
- animation
- Toast Notification
- toast container floating
- toast design
- button
- click show random toast message
- Auto Write Text
- text
- index
- show text based on index
- increment index
- Popup / Modal
- button
- click on button to activate popup
- popup container
- popup with text
- close btn popup with click event
- Purple Heart Rain
- heart css
- falling animation
- create heart
- add class
- add it to body
- interval
- Background Changer
- button w/ click
- generate color
- change bg color on click
- Dark mode toggle
- text
- css for dark mode
- toggle
- toggle event
- Carousel
- 3/4 images
- carousel container
- images container
- images with fixed width and height
- index
- automatic switch index and update container transform property
- Sound Board
- sounds (HAVE THESE READY SIR)
- array with names
- loop over array
- create buttons w/ text
- play sound on click
- Zoom effect
- image
- track mouse movement
- set transform origin on hover
Other ideas
- Date - show date
- Image of the day - image library needed
- Something with API
- Random Number from 1 to 6
- Scroll to top
- Fixed nav on scroll
- Loader
- Converter
- Random Password Generator
- / \ random stuff