⚛️ React Machine Coding Interview Questions

Welcome to React Machine coding Interview Projects! This repository contains a collections of beginner to intermediate-level React component projects that are frequently asked in frontend interview at top tech companies.

These projects are built using React + Tailwind CSS and are structured for learning and practice proposes.

---

📁 Folder Structore

• 📁 `src/projects

  • 📁project1
    • App.jsx
    • style.css
  • 📁project1

  ---

  💡 Projects Included

  | Day | Project Name | Description | |-----|------------------------------------------|------------------------------------------------------------------| | 1 | Counter Component | Simple counter with increment, decrement, and reset features | | 2 | To-Do List | Add, remove, and check tasks using local state | | 3 | Star Rating | Click-based star rating system using icons | | 4 | Accordion Component | Expand/collapse FAQ-style accordion using state | | 5 | Modal Component | Modal popup with overlay click to close and smooth animations | | 6 | Stopwatch | Start, pause, and reset stopwatch using useEffect | | ... | More coming soon | Stay tuned for more machine coding questions and solutions! |

---

🧠 Purpose

This repository is built to:

• Help developers crack frontend machine coding rounds
• Strengthen React core concepts like state, props, and effects
• Improve component structure and clean code writing
• Learn practical use of Tailwind CSS in real components

---

🛠️ Tech Stack

• ⚛️ React (via Vite)
• 💨 Tailwind CSS
• 🔁 useState, useEffect, conditional rendering
• 🎯 Focused on clean UI/UX and interview readiness

---

📸 Screenshots

Add screenshots here for each component (optional)

---

🧑‍💻 Author

• code-with-prasad

⭐ Support

If this repo helped you, give it a ⭐ star and share it with other learners!

---

Happy Coding 🚀