https://github.com/mehmet-github06/react-contact-list-app

Phone book application work. Contact list
https://github.com/mehmet-github06/react-contact-list-app

html-css-javascript react responsive settimeout useeffect-hook usestate-hook

Last synced: about 1 month ago
JSON representation

Phone book application work. Contact list

• Host: GitHub
• URL: https://github.com/mehmet-github06/react-contact-list-app
• Owner: Mehmet-github06
• Created: 2023-12-09T06:01:12.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2023-12-09T18:53:23.000Z (about 1 year ago)
• Last Synced: 2024-11-15T17:17:43.526Z (3 months ago)
• Topics: html-css-javascript, react, responsive, settimeout, useeffect-hook, usestate-hook
• Language: JavaScript
• Homepage: https://call-list-friends.netlify.app/
• Size: 1.93 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        





  

    

  


  
Contact  List 

  


     👩‍⚕️ LIVE 👨‍⚕️ »

    


  



## Description

Phone book application work. Save your friends as their name, surname and phone number. Then find the friend you want to find by filtering.

## 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

│   │   ├── Contacts.jsx

│   │   ├── Form.jsx

│   │   └── List.jsx

│   └── 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

- 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