This project is made with React 18 + TypeScript and using Chakra UI library.
I have used this tutorial: React 18 for Beginners & React 18: Intermediate Topics
Instructor's Github: Mosh Hamedani
In these tutorials I learned:
- Confidently build front-end apps with React and TypeScript
- Build reusable function components Style the components using vanilla CSS, CSS modules, and CSS-in-JS
- Manage component state
- Build forms with React Hook Forms
- Implement form validation using Zod
- Connect the React apps to the backend
- Deploy the React apps
- Use VSCode shortcuts to increase my productivity
- Troubleshoot errors with ease
- Fetch and update data using React Query
- Boost the application's performance with caching
- Implement infinite scrolling
- Use reducers to consolidate state management logic
- Use context to share state
- Manage application state using Zustand
- Implement routing with React Router
- Structure the React projects for maintainability
- Apply the latest techniques and best practices
- Write clean code like a pro
You can check the deployed version of this project through the following link: game-hub