Advisors App

Application overview

Advisors App consists of components and one main container App. Uses React as UI Library, MATERIAL-UI as UI framework.

Components

Components are the key element of the application, and their importance comes from reusability. Components must be decoupled from the data itself, and should be generic to handle many types of data according to their instructions.

Containers

Containers are opposite when it comes to handling data, Containers must be aware of the type of data and act upon them. That's why I use stateful components to represent containers because they care about the application state. On the other hand, components are stateless

Advisors App includes:
development
  • Stand alone node server for providing advisors endpoints.
  • Unit tests with jest and enzyme
  • create-react-app for set up the App.

Available Scripts

In the project directory, you can run:

yarn start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

yarn test

Launches the test runner in the interactive watch mode.

Main Dependencies
Dependency Use
@material-ui UI framework
react React Library
react-dom React library for DOM rendering
prop-types Runtime type checking for React props
express For providing server endpoint