BuildWithReact 🚀

A structured streak of small, focused React projects built to strengthen core frontend fundamentals and practical development skills.

This repository documents my consistent hands-on journey with React — focusing on real implementation rather than theory.

📌 About This Repository

BuildWithReact is a daily project series where each folder represents a small but complete React application.

The goal is to:

• Strengthen React fundamentals

• Practice clean component architecture

• Improve state management skills

• Build consistency and discipline

• Create portfolio-ready mini projects

🛠 Tech Stack

• React

• JavaScript (ES6+)

• Vite

• CSS

• LocalStorage (for persistence)

• Git & GitHub

📂 Project Structure

│
├── Day-01-Todo-App
├── Day-02-...
├── Day-03-...
│
└── README.md

🔥 Current Projects Day 01 – Todo App

Features:

_ Add tasks

_ Delete tasks

_ Mark tasks as complete

_ Filter (All / Active / Completed)

_ Persistent data using LocalStorage

_ Clean and responsive UI

Concepts Practiced:

• useState

• useEffect

• Props

• Component structuring

• Conditional rendering

• Array methods (map, filter)

🎯 Objectives

This series focuses on:

• Writing cleaner React code

• Understanding state flow deeply

• Building production-like small projects

• Maintaining daily consistency

🚀 How to Run Locally

Clone the repository

git clone https://github.com/your-username/BuildWithReact.git


Navigate into a project folder

cd Day-01-Todo-App


Install dependencies

npm install


Run the development server

npm run dev


Open in browser

http://localhost:5173

📈 Progress Commitment

This is part of a continuous React learning streak.
New projects will be added consistently.

📌 Why This Repository Matters

This repository demonstrates:

• Practical implementation skills

• Code organization

• Version control discipline

• Incremental learning approach