michaelperrin / address-book-app

Code Challenge: Senior Javascript (React) Developer

Simple address book app

This address book app uses the following main libraries:

• React
• React Router
• Redux with Redux Thunk for state management.
• Bootstrap (only small parts of it, only necessary CSS parts are imported)
• Axios for HTTP requests.

Implemented features

• User list (users are retrieved from the https://randomuser.me/ API).
• User details when clicking on a user.
• User search.
• Settings page.
• Filters.

A few items that could be implemented or improved:

• Better settings page (the UI of the selector is not very friendly).
• More unit tests.
• Customized Webpack configuration.

Install project

Clone project and run:

yarn install

Start project (development)

Run:

yarn start

Build project

Run:

yarn build

Run linter

Check JS coding standards:

yarn lint:scripts

Check Sass coding standards:

yarn lint:styles

To check both:

yarn lint

Run tests

yarn test