Welcome to my React.js Daily Challenges repository! This project contains my solutions to daily challenges provided by Youtuber "Web Dev Cody", as I work on improving my React.js skills.
This repository serves as a record of my journey in learning React.js by tackling daily challenges. Each challenge is a step forward in enhancing my understanding of React concepts, state management, component architecture, and more.
- Challenge 1: Guess the color
- Created a simple random hex color generator function with
Math.random
- Challenge 2: Search Synonyms
- Problem Statement: Fetch an external API to search synonyms for the searched word and show data in react app.
- Created search bar, Loading UI
- Created custom hook to fetch and store data, loading states and refetch data.
- Responsive UI with tailwind and inspiration from Dribbble.
- Challenge 3: Sudoku
- Problem Statement: Fetch an external API to find Sudoku board and create a UI for it.
- Created sudoku grids
- Created custom hook to fetch and store data, loading states and refetch data.
- Responsive UI with tailwind and inspiration from Dribbble.
- Edge cases to display the game state and custom loader.
Challenge 4: Dot Canvas
- Problem Statement: Add a dot everytime the user click on the box with undo and redo features.
- Created custom hook for implementing Stack Data Structure.
- Added points by extracting click position from DOM event
