Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/sanchit0496/reactjs-machine-coding-challenges

28 React JS Interview Preparation
https://github.com/sanchit0496/reactjs-machine-coding-challenges

frontend interview javascript machinecoding nextjs reactjs webdevelopment

Last synced: about 3 hours ago
JSON representation

28 React JS Interview Preparation

Awesome Lists containing this project

README 

        

# React JS Machine Coding Challenges



## Overview

This repository contains a collection of ReactJS machine coding questions with solutions. These projects are created to help improve your ReactJS skills and understanding of various web technologies. Feel free to explore, use, and contribute to these projects.



## Table of Contents

- [Project List](#project-list)

- [Installation](#installation)

- [Usage](#usage)

- [Contributing](#contributing)

- [License](#license)



## Project List



| Project Name                  | Description                                  |

|-------------------------------|----------------------------------------------|

| weather-app                   | Application to fetch and display weather information.              |

| todo-list                     | Task management app with CRUD operations.                          |

| theme-mode                    | Toggle between light and dark themes.                     |

| star-rating                   | Component for star-based rating system.                 |

| snakeandladder-board          | Snake and ladder game board implementation.                      |

| responsive-layout             | Layout that adjusts to different screen sizes.                  |

| quiz-app                      | Create and take quizzes with various questions.              |

| progress-bar                  | Dynamic progress bar to show task completion.                   |

| pop-over                      | Pop-over component for additional information.                   |

| password-generator            | Generates secure random passwords.                   |

| pagination                    | Pagination component for navigating through content.               |

| otp-login                     | OTP-based login authentication.                 |

| nested-comments               | Display and manage nested comments.                  |

| navbar                        | Responsive navigation bar with dropdowns.                   |

| modal-component               | Reusable modal component for displaying overlays.                      |

| like-button                   | Like button with animation and state management.             |

| job-board                     | Job board application to list and search jobs.                       |

| accordion                     | Accordion component to toggle content visibility.                      |

| calculator                    | Basic calculator for arithmetic operations.                      |

| carousel                      | Image carousel for showcasing multiple images.                         |

| countdown-timer               | Countdown timer for events.               |

| custom-hook                   | Custom React hook for reusable logic.                       |

| dnd-items                     | Drag and drop items within a list.                   |

| dropdown-component            | Dropdown menu for selecting options.                            |

| form-validation               | Form validation with error messages.                           |

| grid-lights                   | Interactive grid of lights that can be toggled.                               |

| tic-tac-toe                | A multiplayer tic-tac-toe game.                               |



## Installation

To get started with these projects, clone the repository and navigate to the project folder.



```sh

git clone https://github.com/sanchit0496/reactjs_machine_coding_challenges.git

cd repository-name

# Navigate to individual project folders for specific instructions

```



## Usage

Each project may have its own usage instructions. Navigate to the specific project folder to find a detailed README or usage guide.



Example for a specific project:

```sh

cd weather-app

# Follow the instructions in the project folder

```



## Contributing

We welcome contributions from the open-source community. To contribute, please follow these steps:



1. Fork the repository.

2. Create a new branch (`git checkout -b feature-branch`).

3. Commit your changes (`git commit -m 'Add new feature'`).

4. Push to the branch (`git push origin feature-branch`).

5. Create a new Pull Request.



## License

This repository is licensed under the MIT License