This Repo is a collection of React projects I built while learning React.
This repository documents my journey of learning React through hands-on projects. Each project focuses on specific React concepts and helps me strengthen my frontend development skills.
- React
- JavaScript (ES6+)
- Vite
- HTML5
- CSS3
A simple counter application built using React.
- JSX
- Functional Components
- useState Hook
- Event Handling
- State Management
- Increase Counter
- Decrease Counter
- Reset Counter
- Responsive UI
A simple React application that dynamically changes the background color of the page.
- useState Hook
- props
- Event Handling
- Dynamic Styling
- React State Updates
- Change Background Color
- Multiple Color Options
- Interactive UI
- Real-Time State Updates
A simple and responsive To-Do application built with React that helps users manage daily tasks efficiently.
- Add new tasks
- Delete tasks
- Real-time UI updates using React state
- JSX
- Functional Components
- useState Hook
- Event Handling
- Conditional Rendering
- Array Methods (
map,filter) - State Management
- Todo App
- Notes App
- Weather App
- GitHub Profile Finder
- Movie Search App
- Dashboard Projects
Through these projects, I aim to improve my understanding of:
- React Fundamentals
- Component-Based Architecture
- State Management
- API Integration
- Frontend Development
- Modern JavaScript
Clone the repository:
git clone https://github.com/your-username/react-learning-projects.gitNavigate to a project:
cd 01_CounterAppInstall dependencies:
npm installRun the development server:
npm run devreact-learning-projects
│
├── 01_CounterApp
└── README.md
I'm a Computer Science student currently learning:
- React
- JavaScript
- Data Structures & Algorithms
- Frontend Development
through project-based learning and consistent practice.
Feel free to explore the projects and follow my React learning journey.