Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/mehmet-github06/react-interview-questions-and-answers

This project includes a web application that provides an accordion list of commonly asked interview questions and their corresponding answers.
https://github.com/mehmet-github06/react-interview-questions-and-answers

component html-css-javascript mockdat prop react responsive yarn

Last synced: 1 day ago
JSON representation

This project includes a web application that provides an accordion list of commonly asked interview questions and their corresponding answers.

Awesome Lists containing this project

README

        





Logo

Interview Accord



๐Ÿ‘ฉโ€โš•๏ธ LIVE ๐Ÿ‘จโ€โš•๏ธ ยป



## Description

Project aims to create a Interview Accord App.
You can find some questions and answers that may arise during interviews about React in the application I created with React.

## Project Skeleton

```
Interview-Accordion (folder)
|
|----readme.md # Given to the students (Definition of the project)
SOLUTION
โ”œโ”€โ”€ public
โ”‚ โ””โ”€โ”€ index.html
โ”œโ”€โ”€ src
โ”‚ โ”œโ”€โ”€ App.css
โ”‚ โ”œโ”€โ”€ App.js
โ”‚ โ”œโ”€โ”€ components
โ”‚ โ”‚ โ”œโ”€โ”€ Question.jsx
โ”‚ โ”‚ โ”œโ”€โ”€ Header.jsx
โ”‚ โ”‚ โ””โ”€โ”€ InterviewAccord.jsx
โ”‚ โ”œโ”€โ”€ helper
โ”‚ โ”‚ โ”œโ”€โ”€ data.js
โ”‚ โ”‚ โ””โ”€โ”€ icons.js
โ”‚ โ””โ”€โ”€ index.js
โ”œโ”€โ”€ package.json
โ””โ”€โ”€ package-lock.json

```

## Expected Outcome

![interview](./public/Animation.gif)

## Objective

Build a Interview Accord App using ReactJS.

### At the end of the project, following topics are to be covered;

- HTML

- CSS

- JS

- ReactJS

### At the end of the project, students will be able to;

- improve coding skills within HTML & CSS & JS & ReactJS.

- use git commands (push, pull, commit, add etc.) and Github as Version Control System.

## Steps to Solution

- Step 1: Create React App using `npx create-react-app interview-accordion`

- Step 2: Build Interview Accord App.

- Step 3: Push your application into your own public repo on Github

- Step 4: Add project gif to your project and README.md file.

## Demo

React Interview Accord Netlify

**

โ˜บ Happy Coding โœ

**

## Screenshots