Check the final result deployed on Heroku here.

This is my implementation to problems 3.9 ~ 3.11 from FullStackOpen

It's a simple application that displays and saves new contacts to mongoDB through a backend hosted on Heroku. The backend was developed using the framework Express and the front-end using React.

The build folder that contains all the static files is the result from a npm run build on the React Phonebook project in this repo.

• The input filters and shows the contacts that match with the partial name being typed.
• If a new name is added, a post request will be generated and from its response the app state will be updated with the new contact.
• Clicking on remove will generate a delete request to the backend, with the proper response the app state will be updated.
• When a contact is added a success message is shown.
• If the user tries to remove a contact that was already removed, an error message will be shown.
• The backend has endpoints to GET, POST and DELETE contacts. The update function wasn't implemented yet.

You can run it locally by cloning the repo, run npm install to install all dependencies and then npm start or npm run dev to run it in development mode that enables an auto reload for changes in the main application.