https://github.com/gaju91/react-coding-interview

🚀 In this repository I will be storing solution for all React ⚛️ component asked in inteviewes to be built ☃️
https://github.com/gaju91/react-coding-interview

coding coding-challenge interview learn-react learning-by-doing nodejs react

Last synced: 10 months ago
JSON representation

🚀 In this repository I will be storing solution for all React ⚛️ component asked in inteviewes to be built ☃️

• Host: GitHub
• URL: https://github.com/gaju91/react-coding-interview
• Owner: gaju91
• Created: 2025-02-07T02:07:55.000Z (12 months ago)
• Default Branch: main
• Last Pushed: 2025-02-16T08:07:40.000Z (12 months ago)
• Last Synced: 2025-02-16T09:17:30.096Z (12 months ago)
• Topics: coding, coding-challenge, interview, learn-react, learning-by-doing, nodejs, react
• Language: CSS
• Homepage:
• Size: 63.5 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# 🚀 React Interview Components  

A collection of commonly asked React interview components, built from scratch to help developers prepare for technical interviews. This repository serves as a reference and hands-on practice resource for mastering key React concepts.  

## 📌 About  

This project contains multiple React components frequently encountered in interviews. Each component is implemented with best practices, covering various topics like state management, hooks, event handling, and component composition.  

## 🛠️ Components List (Always check the readme files attached)

- ✅ Accordion [🔗 Learn More](./src/components/Accordion/README.md)

  ![ScreenRecording2025-02-07at10 19 22AM-ezgif com-video-to-gif-converter](https://github.com/user-attachments/assets/b8d0177a-6ee5-4344-a33d-59c3b6943e71)

- ✅ Tabs      [🔗 Learn More](./src/components/Tabs/README.md)

  ![Screen Recording 2025-02-07 at 6 00 44 PM](https://github.com/user-attachments/assets/57bf2cb7-35a1-473b-8b35-3efcf9e0d8d8)

- ✅ Modal     [🔗 Learn More](./src/components/Modal/README.md)

  ![Screen Recording 2025-02-08 at 8 59 44 AM](https://github.com/user-attachments/assets/a009f10c-199d-4fa3-8d3e-a13d708ee083)

- ✅ Tooltip  [🔗 Learn More](./src/components/Tooltip/README.md)

  ![Screen Recording 2025-02-11 at 6 46 24 PM](https://github.com/user-attachments/assets/eb4c880c-75a1-4939-98f4-8c77be4f80c9)

- ✅ Pagination

  ![Screen Recording 2025-02-16 at 1 27 50 PM](https://github.com/user-attachments/assets/f76912f5-f54a-4e07-b9ef-ed48e14829e8)

- ✅ Search Filter  

- ✅ Infinite Scroll

- ✅ Debounced Input  

- ✅ Toast Notifications  

- ✅ Drag and Drop  

(More components will be added over time.)  

## 🎯 Why This Repository?  

- Covers **real interview questions**  

- Focuses on **practical implementation**  

- Uses **modern React best practices**  

- Helps in **self-paced learning and improvement**  

## 🚀 Getting Started  

### 1️⃣ Clone the Repository  

```sh

git clone https://github.com/gaju91/react-coding-interview.git

cd react-coding-interview

```

### 2️⃣ Install Dependencies  

```sh

npm install

```

### 3️⃣ Run the Project  

```sh

npm run dev

```

### 4️⃣ Check Components 

```sh

Go to App.tsx and Un-Comment component

```

## 🛠️ Contribution  

Feel free to contribute by improving existing components or adding new ones. Fork the repository, make your changes, and open a pull request!  

## 📜 License  

This project is open-source and available under the MIT License.