Skip to content

Max88-git/contact-manager-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Contact Manager App

A Contact Manager App which allows you to add new contacts to a list. Built using React.js.

Setup

Install dependencies

npm install

In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

npm test

Launches the test runner in the interactive watch mode.
See the section about running tests for more information.

Technologies

Project is created with:

  • HTML5
  • CSS3
  • React 17.0.2

What I Learnt

  • I learnt how to use JSX, which is a syntax extension to JavaScript. It allows us to build UI elements right in the JavaScript code!
  • How to create components, pass them data using props and manage their data using state.
  • How to render components on the page and include some initial data.
  • How to add a function to our ContactManager component to add a new person to our contacts state array.
  • That props can be used to pass down not only state, but also functions, that may manipulate the state.

Status

Project is: in progress

License

This project is licensed under the MIT License - see the LICENSE.md file for details

Contact

Created by @Max88-git - feel free to contact me!

About

A Contact Manager which allows you to view the list of contacts and add new ones to the list.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published