Phonebook using lifeCycle of React

Task nr 3 from GoIT course - module: React.js Live demo here.

Table of Contents

• General Info
• Technologies Used
• Screenshots
• Setup
• Project Status
• Acknowledgements
• Contact

General Information

• This project concerns task no. 3 from the GoIT react.js module course.
• Task goal: learnig how to using lifeCycle to use webtorage in React.
• Main setup and functionality.
  • Form - here you can add new contact (name and phone-number).
  • The updated contact list is displayed below.
  • You can remove some contacts if you need.
  • It is impossible to add an existing contact, an appropriate message will be displayed.
  • You can filter your contacts.
  • If You return to the website later, your saved contacts will be shown.

Technologies Used

Project is created with:

• React - 18.1.0
• Node.js v18.16.1
• JS
• JSX
• CSS
• json
• webstorage

Screenshots

Setup

To run this project, install it locally using npm:

$ cd ../goit-react-hw-03-phonebook/
$ npm install
$ npm start

Project Status

Project is: complete

Acknowledgements

• This project was based on template from this tutorial
• Many thanks for GoIT Team.

Contact

Created by @EmiliaWenta - feel free to contact me!