Skip to content

Manisha1998-singh/React_from_start

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

39 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🚀 React From Start – 30 Days React Learning Journey

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.


📚 Learning Progress

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 🚀


📂 Project Structure

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

🛠 Tech Stack

  • React.js
  • JavaScript (ES6+)
  • HTML5
  • CSS3
  • Tailwind CSS
  • React Router
  • Context API
  • Redux Toolkit

🎯 Purpose of This Repository

  • Practice React concepts step by step
  • Build mini React projects
  • Strengthen frontend development skills
  • Prepare for React and Frontend interviews

⚙️ Installation

Clone the repository

git clone https://github.com/yourusername/react_from_start.git

Go to the project folder

cd react_from_start

Install dependencies

npm install

Run the project

npm start

⭐ Support

If you found this repository helpful, consider starring the repo


👩‍💻 Author

Manisha Singh Frontend Developer | React | JavaScript | Tailwind CSS

About

A React-from-start project exploring core React concepts — components, state, props, effects, memoization, custom hooks, and performance optimization.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors