This is a simple application where the user can guess the the color code for the displayed color.
Link to project: https://colourguesser.netlify.app/
Tech used: React, Vite
The application generates a random color at the first render using useEffect hook and also generates a list of options and stores them in state. If the user selects the correct option the application will generate a new random color after a set time, otherwise it will stay on the same page.
This app helps to understand how useEffect hook works, when to use the hook and the importance of cleanup function in th useEffect hook, how dependency array will affect how the hook is executed.
Take a look at these couple examples that I have in my own portfolio:
Frontend Mentor: https://www.frontendmentor.io/profile/root9259