#4 Computer Keyboard - Advent of JS

1. Overview Challenge & starter files: Advent of JS Full codes: nilstarbb/advent-of-js/4-computer-keyboard Live Demo: 04 - Eyes on the Screen || Advent of JavaScript Preview: 2. Details Users should be able to: See the computer keyboard centered on the page A random letter will start to jiggle. The user should type the same key that’s jiggling and it will stop. A new, random key will start jiggling 3. Coding 逻辑大致如下:...

2022-01-07 · 1 min

#3 Piano Keyboard - Advent of JS

1. Overview Challenge & starter files: Advent of JS Full codes: nilstarbb/advent-of-js/3-piano-keyboard Live Demo: 03 - Piano || Advent of JavaScript Preview: 2. Details Users should be able to: See the keyboard centered on the page Whenever a user hovers over a specific key it will change colors White keys will change to yellow #ffd200 Black keys will change to pink #f40082 When a user clicks on a specific key, it will play an audio clip....

2022-01-07 · 1 min

#2 eCommerce Component (React.js) - Advent of JS

1. Overview Challenge & starter files: Advent of JS Full codes: nilstarbb/advent-of-js/2-eCommerce-component Live Demo: 02 - E-Commerce Component || Advent of JavaScript Preview: 2. Details Users should be able to: View the plates on the left side of the screen and add them to your cart on the right side. When there are no plates within your cart, you should see a message that says, “Your cart is empty.” When a plate is added to your cart, the Subtotal and Totals will automatically update....

2022-01-06 · 4 min

#1 Pomodoro Timer (React.js) - Advent of JS

1. Overview Challenge & starter files: Advent of JS Full codes: nilstarbb/advent-of-js/1-pomodoro-timer Live Demo: 01 - Pomodoro || Advent of JavaScript Preview: Requirements: We’re creating a Pomodoro timer. Start the timer by clicking on the start link/button. Once the user clicks start, the word start will change to stop. Then, the user can click on the stop button to make the timer stop. Click on the gear icon to change the length (minutes and seconds) of the timer....

2021-12-30 · 9 min