This is a Contact list project of Coding Ninjas made using Reactjs. It uses redux toolkit for managing the store / state. This Project fetches data from https://jsonplaceholder.typicode.com/users API. A user can see, create, update and delete contacts in this projects. All styles are done using TailwindCSS.
Go live to Contact list.
To Run the code on your system, follow the these steps:
- Get the code on your system.
- Open the terminal in and go to the root folder of the code.
- Run the command npm install in the terminal to install all the dependencies.
- To execute the code, run command "npm run start" inside the terminal.
- To see the output, go to your web browser and search for https://localhost:3000.
- Get a list of 10 persons by default on your screen.
- Know more about a person by clicking on his name or phone number in the list.
- Update the contact by editing the values inside the more info section.
- Add a new contact by clicking on "add contact" button.
- Delete a contact by clicking on delete button.
- Reactjs
- Redux toolkit
- TailwindCSS
- JavaScript
- React-Toastify
- HTML
