Technologies: HTML, CSS, JS, React, React Router and Context.
Hello! It is time to start doing professional front-end applications. This time we will be creating a small contact management application that allows users to: Read, Create, Update and Delete contacts.
You may use this gif: Check it out here!
a) If using Gitpod you can clone the boilerplate by clicking here.
b) If working locally type the following command from your command line:
$ git clone https://github.com/4GeeksAcademy/react-hello.
💡 Important: Remember to create a new repository, update the remote (
git remote set-url origin <your new url>), and upload the code to your new repository using
$ npm install
$ npm run start
This boilerplate contains no real functionalities but it has 99.99% of the HTML/CSS that you'll need for the project, allowing you to focus on the functionality.
Please use the Context for this project: The boilerplate comes with the Context configured. Check the
Note: You'll need to code all functionalities.
ContactCard: displays just one contact.
All the functionalities must be implemented in the
actions object (store.js).
Hint: start with some dummy content in the store (store.js).
Fetch the data from the API: https://assets.breatheco.de/apis/fake/contact/
Hint: Use Postman to try the API endpoints before coding.
That is it! Start coding your React Application :)
All rights reserved, 4Geeks LLC 2021. Read more about 4Geeks and what we are going here.