Learning React JS

This repository documents my React.js learning journey from beginner to advanced.

About

I am learning React.js by building projects, practicing concepts, and exploring the React ecosystem. This repository serves as a record of my progress and a collection of code written throughout the learning process.

Goals

• Learn React fundamentals
• Build reusable components
• Understand props and state
• Work with hooks
• Manage application state
• Learn routing and API integration
• Build real-world projects
• Follow modern React development practices

Repository Structure

Learning-React-JS/
├── Day-1/
├── Day-2/
├── Day-3/
└── ...

Each folder contains the code, experiments, and exercises completed on that day.

Topics Covered

• JSX
• Components
• Props
• State Management
• Hooks
• Event Handling
• Conditional Rendering
• Lists and Keys
• Forms
• Routing
• API Integration
• Performance Optimization
• Project Deployment

Progress

• Day 1 – React Setup, JSX, Components
• Day 2 - Props, Reusable Components, Mini Project
• Day 3 - CSS , Tailwind , UI Design Project
• Day 4 - Functions , Hooks , Advanced State Management
• Day 5 - Form Handling , Two Way Data Binding , Notes App Project
• Day 6 - Using LocalStorage ,API Calls , useEffect Hook , Gallery Project
• Day 7 - React Router DOM , Context API ,Children as Props ,Context API in Action

Tech Stack

• React.js
• Vite
• JavaScript (ES6+)
• HTML5
• CSS3
• Git & GitHub

##Mini Projects Created Journey

• Day 3 - UI Design Project with Tailwind

• Project link - https://flight-booing-site-git-main-parthchittalwars-projects.vercel.app/

• Day 7 - React Router DOM Mini Project

• Project Link - https://course-studio---react-mini-project.pages.dev/

• Mega project

• Link - Soon

• Repo - Underdevelopment

Author

Parth Chittalwar

---

Learning by building, experimenting, and improving one project at a time.