Skip to content

Latest commit

 

History

History
38 lines (27 loc) · 1.38 KB

README.md

File metadata and controls

38 lines (27 loc) · 1.38 KB

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