This is a simple website that allows you to create and manage a contact list using React. You can add, edit, delete for contacts using a user-friendly interface. This project is intended to demonstrate the basic features and concepts of React, such as components, props, state, hooks, routing and forms.
This app also allows you to display a number of contacts with their name, email, age. You can use React functional components, hooks and random user API to fetch and render the contact data. To run this site, you need to follow these steps:
- Clone this repository from GitHub using git link.
- Navigate to the project directory using
cd react-contact-list
. - Install the dependencies using
npm install
. - Start the development server using
npm start
. - Open your browser and go to
http://localhost:3000
to see the site.
This is a simple and beginner-friendly project that will help you learn React and Tailwind CSS. Enjoy!
note: make sure you have installed node
and npm
in order to run the application.