React Projects Collection 🚀

A comprehensive collection of React.js projects demonstrating various concepts, hooks, and best practices in modern React development.

📂 Projects

1. Travel List

   • Basic React concepts and state management

2. Eat-N-Split

   • Bill splitting calculator application

3. Tip Calculator

   • Calculate tips and total bills

4. Product List

   • Display and filter products

5. usePopcorn

   • Custom hooks implementation

6. useRef Example

   • React useRef hook demonstrations

7. Project Management

   • Task and project management system

8. Cart Context Reducer

   • Shopping cart with Context API and useReducer

9. Side Effect useEffect

   • Understanding React side effects

10. Working with Forms

    • Form handling in React

11. Food Ordering

    • Restaurant ordering system

12. Redux Store

    • State management with Redux

13. React Router

    • Navigation and routing basics

14. Router Project

    • Advanced routing implementation

15. Auth in Router

    • Authentication with React Router

16. React Calculator

    • Basic calculator application

17. Task Tracker

    • Task management application

18. Shopping Cart

    • E-commerce shopping cart

19. Task Flow

    • Advanced task management system

🛠️ Technologies Used

• React.js 18+
• React Router v6
• Redux/Context API
• Custom Hooks
• JavaScript ES6+
• CSS3/SCSS
• Various React Hooks (useState, useEffect, useContext, useReducer)

🚀 Getting Started

Prerequisites

• Node.js (v14.0.0 or higher)
• npm (v6.0.0 or higher)

Installation

# Clone the repository
git clone https://github.com/nirajkumardangi/react-projects.git

# Navigate to project directory
cd react-projects

# Install dependencies
npm install

# Start any project (replace project-number with folder name)
cd project-number
npm start

📝 Project Structure

Each project folder contains:

• src/ - Source code
• components/ - React components
• styles/ - CSS/SCSS files
• utils/ - Utility functions
• README.md - Project specific documentation

🎯 Learning Objectives

• React Fundamentals
• Hooks and Custom Hooks
• State Management
• Routing and Navigation
• Form Handling
• API Integration
• Authentication
• Context API
• Redux Implementation
• Performance Optimization

👤 Contact

Your Name - nirajkrdangi@gmail.com GitHub: @nirajkumardangi

---

⭐️ Star this repo if you find it helpful!