Healthy Web Application

Web base application for healthcare services base on the design.

Tech

Web application uses a number of open source projects to work properly:

ReactJS: The library for web and native user interfaces
ReactRouter - client side routing
Recharts - A composable charting library built on React components
React Circular Progressbar - A circular progressbar component, built with SVG and extensively customizable

Installation

yarn install
yarn start

For production environments...

yarn build

Development

Structure

The structure includes:

components: components is used to share in the app
pages: specific folder for route-level components
apis: declare apis will be used in the app
models: contains data interfaces
data: list of mock data

Styling

We uses CSS Modules to style React components. Global variable (spacing, color, font-size) is defined in index.css file.

Data

Currenty, we simulate the real data from api by creating a list of mock data inside /data folder. And it will put inside api function and return via Promise. Finally, the page component will fetch the data and inject it into state and present on UI.