a2zcontacts

This is a react web application for showing list of contacts in A2Z way. User can select any tab in the alphabet to see all the users inside that char seq and then can check each user details by click on the user item.

This is developed on React with Redux(Redux thunk) architecture.

React environment set

.... follow official website of react for setting up react environment in to your machine. In this project I didn't use CRA but did setup my own

https://reactjs.org/docs/create-a-new-react-app.html ....

Here are the official link for all items used for project setup

• https://webpack.js.org/
• https://babeljs.io/
• https://jestjs.io/
• https://emotion.sh/docs/install

Use following command to run it locally :-

$ yarn
$ yarn start

To run test cases

$ yarn test
$ yarn test:coverage

Or test on the following url:-

https://a2zcontacts.vercel.app/

Here is the glimpse of the deployed code on above url for Dektop and Mobile

Dektop

Mobile

Next Steps

• Test cases
• Performance optimisations