{"id":25235620,"url":"https://github.com/gaju91/react-coding-interview","last_synced_at":"2025-04-05T18:12:47.339Z","repository":{"id":276235332,"uuid":"928657814","full_name":"gaju91/react-coding-interview","owner":"gaju91","description":"🚀 In this repository I will be storing solution for all React ⚛️ component asked in inteviewes to be built ☃️","archived":false,"fork":false,"pushed_at":"2025-02-16T08:07:40.000Z","size":65,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-16T09:17:30.096Z","etag":null,"topics":["coding","coding-challenge","interview","learn-react","learning-by-doing","nodejs","react"],"latest_commit_sha":null,"homepage":"","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/gaju91.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2025-02-07T02:07:55.000Z","updated_at":"2025-02-16T08:07:43.000Z","dependencies_parsed_at":null,"dependency_job_id":"ce1d32a6-be38-4836-967f-243a7c6f5f02","html_url":"https://github.com/gaju91/react-coding-interview","commit_stats":null,"previous_names":["gaju91/react-coding-interview"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gaju91%2Freact-coding-interview","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gaju91%2Freact-coding-interview/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gaju91%2Freact-coding-interview/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gaju91%2Freact-coding-interview/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/gaju91","download_url":"https://codeload.github.com/gaju91/react-coding-interview/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247378150,"owners_count":20929297,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["coding","coding-challenge","interview","learn-react","learning-by-doing","nodejs","react"],"created_at":"2025-02-11T14:58:35.401Z","updated_at":"2025-04-05T18:12:47.332Z","avatar_url":"https://github.com/gaju91.png","language":"CSS","readme":"# 🚀 React Interview Components  \n\nA 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.  \n\n## 📌 About  \nThis 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.  \n\n## 🛠️ Components List (Always check the readme files attached)\n- ✅ Accordion [🔗 Learn More](./src/components/Accordion/README.md)\n\n  ![ScreenRecording2025-02-07at10 19 22AM-ezgif com-video-to-gif-converter](https://github.com/user-attachments/assets/b8d0177a-6ee5-4344-a33d-59c3b6943e71)\n\n- ✅ Tabs      [🔗 Learn More](./src/components/Tabs/README.md)\n\n  ![Screen Recording 2025-02-07 at 6 00 44 PM](https://github.com/user-attachments/assets/57bf2cb7-35a1-473b-8b35-3efcf9e0d8d8)\n\n- ✅ Modal     [🔗 Learn More](./src/components/Modal/README.md)\n\n  ![Screen Recording 2025-02-08 at 8 59 44 AM](https://github.com/user-attachments/assets/a009f10c-199d-4fa3-8d3e-a13d708ee083)\n\n- ✅ Tooltip  [🔗 Learn More](./src/components/Tooltip/README.md)\n\n  ![Screen Recording 2025-02-11 at 6 46 24 PM](https://github.com/user-attachments/assets/eb4c880c-75a1-4939-98f4-8c77be4f80c9)\n\n- ✅ Pagination\n\n  ![Screen Recording 2025-02-16 at 1 27 50 PM](https://github.com/user-attachments/assets/f76912f5-f54a-4e07-b9ef-ed48e14829e8)\n\n- ✅ Search Filter  \n- ✅ Infinite Scroll\n- ✅ Debounced Input  \n- ✅ Toast Notifications  \n- ✅ Drag and Drop  \n\n(More components will be added over time.)  \n\n## 🎯 Why This Repository?  \n- Covers **real interview questions**  \n- Focuses on **practical implementation**  \n- Uses **modern React best practices**  \n- Helps in **self-paced learning and improvement**  \n\n## 🚀 Getting Started  \n\n### 1️⃣ Clone the Repository  \n```sh\ngit clone https://github.com/gaju91/react-coding-interview.git\n\ncd react-coding-interview\n```\n\n### 2️⃣ Install Dependencies  \n```sh\nnpm install\n```\n\n### 3️⃣ Run the Project  \n```sh\nnpm run dev\n```\n\n### 4️⃣ Check Components \n```sh\nGo to App.tsx and Un-Comment component\n```\n\n## 🛠️ Contribution  \nFeel free to contribute by improving existing components or adding new ones. Fork the repository, make your changes, and open a pull request!  \n\n## 📜 License  \nThis project is open-source and available under the MIT License.  \n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgaju91%2Freact-coding-interview","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgaju91%2Freact-coding-interview","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgaju91%2Freact-coding-interview/lists"}