This repository contains my React learning journey, where I practiced React by building multiple mini projects and concept-based examples step by step.
Each folder represents a day of learning and implementation covering different React concepts, projects, and advanced topics.
| Day | Topic / Project |
|---|---|
| Day 01 | Basic React Setup |
| Day 02 | Counter App |
| Day 03 | Tailwind Props |
| Day 04 | Background Color Changer |
| Day 05 | Password Generator |
| Day 06 | Currency Converter |
| Day 07 | React Router |
| Day 08 | Mini Context API |
| Day 09 | Todo Context with LocalStorage |
| Day 10 | React Reconciliation |
| Day 11 | Mega Blog Project |
| Day 12 | React Keys |
| Day 13 | React Loops |
| Day 14 | React List Splitting |
| Day 15 | React Props |
| Day 16 | Conditional Rendering |
| Day 17 | React Memo |
| Day 18 | Food App Project |
| Day 19 | Custom Hooks |
| Day 20 | Redux Toolkit |
More days and projects will be added as the learning journey continues 🚀
react_from_start
│
├── Day01-basic-react
├── Day02-counter-app
├── Day03-tailwind-props
├── Day04-bgcolor-changer
├── Day05-password-generator
├── Day06-currency-converter
├── Day07-react-router
├── Day08-mini-context
├── Day09-todo-context-localstorage
├── Day10-react-reconciliation
├── Day11-mega-blog
├── Day12-react-keys
├── Day13-react-loops
├── Day14-react-list-splitting
├── Day15-react-props
├── Day16-react-conditional
├── Day17-react-memo
├── Day18-react-food-pro
├── Day19-custom-hooks
└── Day20-redux-toolkit
- React.js
- JavaScript (ES6+)
- HTML5
- CSS3
- Tailwind CSS
- React Router
- Context API
- Redux Toolkit
- Practice React concepts step by step
- Build mini React projects
- Strengthen frontend development skills
- Prepare for React and Frontend interviews
Clone the repository
git clone https://github.com/yourusername/react_from_start.gitGo to the project folder
cd react_from_startInstall dependencies
npm installRun the project
npm startIf you found this repository helpful, consider starring the repo ⭐
Manisha Singh Frontend Developer | React | JavaScript | Tailwind CSS