Skip to content

Honeshwar/react-basic-contact-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

Screenshots

App Screenshot

App Screenshot

App Screenshot

About

basic contat app

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published