Contact List

It's a React single webpage that displays a list of contacts.

This project was bootstrapped with Create React App with TypeScript.

[Specifications]

• Fetch Contacts by calling an AWS endpoint using the AXIOS library.
• Populate fetched data with specific format {avatar} | {first_name last_name} | {checkbox} using MUI React Grid component.
• The MUI Grid component is designed for use-cases that are focused around handling a large amounts of tabular data. While it comes with a more rigid structure, in exchange, you gain more powerful features like:
  • Sorting
  • Filtering
  • Pagination
  • Exports
  • ...more

[Notes]

• The app is responsive.
• React Intl was used for internationalization and localization purposes.
• Config json file contains applications' configurations for locale and grid options.

Running the App

From the root folder, install all the needed packages with:

`npm i`

Run the application on its own with the command:

`npm run start`

The application will run on port 3000.

Screenshots of the running App can be found at /screenshots