Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/gndz07/ginaadzani_12_20032021

Dashboard for a health app, showing graphics of activities. Built with React.
https://github.com/gndz07/ginaadzani_12_20032021

css javascript react recharts

Last synced: 1 day ago
JSON representation

Dashboard for a health app, showing graphics of activities. Built with React.

Awesome Lists containing this project

README

        

# SportsApp User Dashboard

Dashboard for users of SportsApp. Data was fetched from an external NodeJS server.

This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).

## Prerequisites

- [npm](https://www.npmjs.com/) v6.14.11

- [NodeJS](https://nodejs.org/en/) v.14.16.0

## Dependencies

- [React](https://reactjs.org/) v17.0.1

- [recharts](https://recharts.org/en-US) v2.0.9

- [react-router-dom](https://reactrouter.com/web/guides/quick-start) v5.2.0

- [prop-types](https://www.npmjs.com/package/prop-types) v15.7.2

## Database

Clone this [external NodeJS server](https://github.com/gndz07/P9-front-end-dashboard) for the micro API of this project.

## Install this project on your local

- Fork this repository

- Clone to your local on a directory of your choice.

- From the terminal, change directory to the cloned project directory.

- Install with command `npm i`

- Run the project with command `npm start`

The project will run in `http://localhost:3001` (reserve port 3000 for micro API)

## Existing path

- For the time being, only two users available, with URL for each:
- `http://localhost:3001/user/12`
- `http://localhost:3001/user/18`