This repository showcases 10 beginner to intermediate-level projects built using React.js and CSS. These projects are designed to strengthen core concepts in React such as components, state management, props, conditional rendering, events, and API integration — along with styling using plain CSS.

1. ✅ Counter App

   A simple app to increment, decrement, and reset a counter. Demonstrates useState and basic event handling.

2. 📃 To-Do App

   A minimal To-Do list application where users can add and delete tasks. Introduces conditional rendering, form handling, and dynamic list rendering.

3. 🧮 Calculator App

   A functional calculator built with React and styled using CSS. Features dynamic input, expression evaluation, and a clear display.

4. 🍽️ Meal API Project

   Fetches and displays meals using [TheMealDB API](https://www.themealdb.com/api.php). Focuses on using useEffect and axios for data fetching and mapping dynamic API responses.

5. 🎨 Color Toggler

   Toggle background and text colors using a button. Emphasizes useState and inline styling with conditional logic.

6. 🔍 Search Icon Project

   Search through a list of items or icons. Teaches controlled components and real-time filtering using user input.

7. 💬 Testimonials Slider

   Displays multiple user testimonials with next/previous buttons. Covers component looping, image display, and small animations with CSS.

8. 📂 Accordion Component

   A collapsible accordion with dynamic data. Helps understand conditional rendering and managing open/closed states.

9. 📝 Form Validation

   A registration form with client-side validation. Demonstrates input handling, error states, and conditional form submission.

10. 🛒 E-Commerce with Advanced Filters

A slightly advanced project simulating a product listing page with filter options (price, category, rating). Reinforces component structuring, complex state handling, and dynamic filtering.

• Frontend: React.js (Functional Components, Hooks)
• Styling: Plain CSS
• Data Fetching: axios, fetch API
• Other Concepts: Conditional Rendering, Array Mapping, Event Handling, Forms, Basic Validation

1. Clone this repository:

   git clone https://github.com/your-username/react-projects-collection.git
   cd react-projects-collection
   

2. Install Dependencies: npm install

3. Start the development server: npm start

Contributions, feedback, or ideas to improve or add more projects are welcome!

Created by [Deepak]

📧 E-mail: [email protected]

🔗 LinkedIn: https://www.linkedin.com/in/deepak-mallareddy-1b09b6274/