This repository contains beginner-level React.js projects created for practice and learning purposes. Each folder is a separate project made while exploring React basics.
- Simple todo app to add, delete, and mark tasks.
- Uses React hooks like
useState.
📂 Folder: Todo-list/
- A fun random number game built in React.
- Generates a number and checks if it's a winning one.
📂 Folder: Lottery-Game/
- A basic react app.
- Created to learn the concept of useState hook in react.
📂 Folder: basic-react-app/
- A basic Twitter Login Page in React
- To learn to create UI in React.
📂 Folder: Twitter-LoginPage/
- A basic Susbscribe Page.
- To learn useState() in React.
📂 Folder: subscribe/
- A decent Login and SignUp Page.
- To understand the concept of Forms in React.
📂 Folder: login-form/
- User Card Page which displays details of different users.
- To understand the concept of useEffect() API (fetch,axios) and Error Handling in React.
📂 Folder: user-cards/
- OTP verification UI with multiple input boxes.
- Practiced
useRef()to store input references and automatically move focus to the next input.
📂 Folder: otp-page/
- Displays quotes from an API in a clean, responsive card UI.
- Allows users to add new quotes with author using a form.
- Practiced
useState(),useEffect()and state lifting for shared data across pages.
📂 Folder: quote-nest/