React-basic-contact-app

basic contact app following CRUD operation with an API hosted link - https://melodic-daffodil-391d53.netlify.app/

Folder Structure

• components
• styles
• context
• customHooks

How i started

• First of all i use command npx create-react-app <my-project>

• Then i create this folder structure show above

• Then i create a AddContact component and ContactList component and add this two component in App component

• then i create create Contact component and add to ContactList component

• Then i create context

• Then i create custom hook

Features

• To display contact
• To add contact
• To update contact
• To remove contact

🚦 USING Json Placeholder Typicode API

more details: https://jsonplaceholder.typicode.com/guide/

CRUD Operation with API

• to create and read , use https://jsonplaceholder.typicode.com/users
• to update and delete , use https://jsonplaceholder.typicode.com/users/id, id=1,2,.....

Screenshots