yurivyatkin / contact-directory Goto Github PK

The app should show in a separate view how many contacts starting from each alphabet letter are there.

The business card of the client could potentially be an image of their real business card (scanned during the data entry process), but if such is not available, a default business card should be presented (as a generated view).

Things to consider:

• use AWS S3 for storing the images;
• automatic thumbnails generation;
• text recognition for the data entry (in the future tasks).

The app should show each contact's location on a map.

The app should allow to make a simple search in the contact list.

When a contact is clicked, a business card of this contact should be presented. The business card should contain the following attributes:

• full name;
• position;
• phone number;
• email;
• full address;
• website (URL)
• taglines (an array of strings).

The app should display a list of contacts retrieved from a backend service.

We can use create-react-app and netlify-cli as the tools to bootstrap and deploy the initial version of this project.

Things to consider:

• a UI toolkit (Bootstrap, Semantic UI, Material UI?);
• the client app code structure (pages, components, etc);
• client-side routing;
• state management.