Skip to content

WesleyErasmus/react-contact-list

Repository files navigation

Interactive Contact List with React and Random User API

This React application creates a contact list populated with data from the Random User API.

Key Features:

  • Data Fetching: Uses Axios to fetch data from the Random User API.
  • Custom Hook: Utilizes a Custom React Hook to encapsulate the data fetching functionality, which is consumed by the App's components.

Contact List's Functionality:

  • View individual contact details.
  • Display selected contacts in a separate list.
  • Select and manage multiple contacts using conditional rendering.
  • Clear selected contacts with a single action.

Responsive Design

The React Contact List is responsive to desktop, tablet, and mobile devices.

App Tech Build:

  • Vite
  • React.js
  • TypeScript
  • Axios
  • Material UI / Icons
  • Firebase Hosting

Installation

  1. Download the code
  2. Run npm install
  3. Run npm run dev

About

React contact list app with data populated from the random user API

Resources

Stars

Watchers

Forks

Releases

Packages

Used by

Contributors

Languages