Skip to content

JackAdamsJenkins/SportSee

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Code base for SportSee - React

SportSee is a startup dedicated to sport coaching. The company is about to launch a new release of the user profile page. This page will allow the user to follow up several metrics, among them calories, glucids, lipids, the activity performed and the sessions duration average. I am in charge of this new page design

Inputs

  • FIGMA models for Desktop et Mobile
  • UserStories Kanban

Software tools used

  • Visual Studio Code V1.71
  • Node V14.17
  • React Create App
  • React V1.8 (Router V6.3)
  • Recharts V2.1
  • ESlint Linter
  • Prettier Code formater
  • JSDoc V3.6
  • Styled-Components
  • P42 code analyser

Getting Started with SportSee App

Frontend

clone this repo https://github.com/MenAllen/PhilippeJoubard_P12_032022.git

npm install

to install the frontend

npm start

to run the frontend. A message will warn you that port 3000 is already in use and asks if you want to use another one. Then type the key 'y' to accept. A browser window then opens so that you can access the app

JS Doc

JSDoc is available in jsdoc directory. Launch index.html (located in jsdoc directory) to vizualize the code documentation.

MOCK / API Configuration switch

A boolean named 'MOCKED_DATA' is defined in /src/utils/api.jsx. If set to true, mocked data is chosen, if set to false, API data is chosen. Note the current value is displayed in Home page, bottom right of screen.

About

FrontEnd Analytics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • HTML 69.2%
  • JavaScript 20.9%
  • CSS 9.9%