{"id":24535264,"url":"https://github.com/pyleglise/sportsee","last_synced_at":"2026-05-10T07:46:11.429Z","repository":{"id":152293108,"uuid":"618166804","full_name":"pyleglise/sportsee","owner":"pyleglise","description":"Développez un tableau de bord d'analytics avec React","archived":false,"fork":false,"pushed_at":"2023-10-14T14:40:11.000Z","size":4927,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-01-22T12:16:34.136Z","etag":null,"topics":["jsdocs","react","react-router","recharts"],"latest_commit_sha":null,"homepage":"http://pleglise.free.fr/docs/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/pyleglise.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null}},"created_at":"2023-03-23T22:20:51.000Z","updated_at":"2023-04-11T12:28:44.000Z","dependencies_parsed_at":"2023-05-16T13:45:55.406Z","dependency_job_id":null,"html_url":"https://github.com/pyleglise/sportsee","commit_stats":null,"previous_names":[],"tags_count":2,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pyleglise%2Fsportsee","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pyleglise%2Fsportsee/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pyleglise%2Fsportsee/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pyleglise%2Fsportsee/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/pyleglise","download_url":"https://codeload.github.com/pyleglise/sportsee/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243805884,"owners_count":20350770,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["jsdocs","react","react-router","recharts"],"created_at":"2025-01-22T12:16:38.747Z","updated_at":"2026-05-10T07:46:11.422Z","avatar_url":"https://github.com/pyleglise.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# SportSee\n\n## OpenClassrooms Project 12\n\n|              |                                                      |\n| ------------ | ---------------------------------------------------- |\n| Project      | 12                                                   |\n| Name         | Développez un tableau de bord d'analytics avec React |\n| Student      | Pierre-Yves Léglise                                  |\n| Version      | 1.0.3                                                |\n| Release date | 2023/04/11                                           |\n|              |                                                      |\n\n![Aperçu](https://www.axialdata.net/oc/p12-snapshot.jpg)\n\n# Introduction\n\nSportSee is a website application that intend to give you access to various informations regarding your health condition and sport activity.\n\nIt has been developped using React and bootstrapped with [Create React App](https://github.com/facebook/create-react-app).\n\nTherefore, it has some prerequisites.\n\n# Prerequisites\n\n- NodeJS version 12.18\n\n- Yarn version 1.22.19 or npm version 8.15.0\n\n# Dependencies\n\n- [React](https://reactjs.org/)\n\n- [react-router-dom](https://reactrouter.com/web/guides/quick-start)\n\n- [recharts](https://recharts.org/en-US/)\n\n- [axios](https://axios-http.com/)\n\n- [prop-types](https://github.com/facebook/prop-types)\n\n- Recommended text editor: [Visual Studio Code](https://code.visualstudio.com/)\n\n# Installation\n\n## Backend\n\nThis project uses a backend API and data.\n\nSee : [https://github.com/OpenClassrooms-Student-Center/P9-front-end-dashboard](https://github.com/OpenClassrooms-Student-Center/P9-front-end-dashboard)\n\n1- Clone this repository :\n\n\u003ccode\u003egit clone https://github.com/OpenClassrooms-Student-Center/P9-front-end-dashboard\u003c/code\u003e\n\n2- Go into the directory :\n\n\u003ccode\u003ecd \u003cYOUR\\*PATH\u003e/backend\u003c/code\u003e\n\n3- Install the app :\n\n\u003ccode\u003enpm install\u003c/code\u003e or \u003ccode\u003eyarn\u003c/code\u003e\n\n4- Start the backend API :\n\n\u003ccode\u003enpm run start\u003c/code\u003e\n\n5- You can check that the backend API is working correctly :\n\nIt should start on your localhost on port 3000.\n\nSo if you place a request in your browser with this url :\u003ccode\u003ehttp://localhost:3000/user/12\u003c/code\u003e, it should display some datas.\n\n## Frontend (and main app)\n\nWell ! This is the part why we are here !\n\n1- Clone this repository :\n\n\u003ccode\u003egit clone [https://github.com/pyleglise/sportsee](https://github.com/pyleglise/sportsee)\u003c/code\u003e\n\n2- Go into the directory :\n\n\u003ccode\u003ecd YOUR_PATH/sportsee\u003c/code\u003e\n\n3- Install the app :\n\n\u003ccode\u003enpm install\u003c/code\u003e or \u003ccode\u003eyarn\u003c/code\u003e\n\nOk, at this point, we're able to see some work done !\n\nType \u003ccode\u003enpm run start\u003c/code\u003e\n\nAfter few seconds, it should display something like this :\n\n\u003ccode\u003eYou can now view sportsee in the browser.\\\nLocal: http://localhost:8082 \\\nOn Your Network: http://your-ip-address:8082\u003c/code\u003e\n\nNow, in your browser, go to url (correct the port number if needed): [http://localhost:8082](http://localhost:8082)\n\nThe application Sportsee should be open.\n\n## Let's tweak !\n\nThe project has it's own mocked API embeded.\n\nThat means that it can also be used without a fully fonctionnal backend.\n\nLet's see that !\n\nYou can start both instances of the application. One with the real datas and the real backend, on port 8082 and another one with the mocked API and le mocked data, on the port 8081 :\n\n\u003ccode\u003enpm run start\\\n npm run start-mock\u003c/code\u003e\n\nThen you can open 2 browser sessions, on [http://localhost:8081](http://localhost:8081) and [http://localhost:8082](http://localhost:8082)\n\nCheck the comments, in the browser console. You should see the differences between the two versions :\n\n\u003ccode\u003e==== MOCK environnement : using mocked API with Mirage and mocked datas ==== \u003c/code\u003e\n\nor \u003ccode\u003e==== API environnement : using backend API and datas ====\u003c/code\u003e\n\n# Useful links\n\n- [Live Demo](https://sportsee.axialdata.app)\n\n- [Repository](https://github.com/pyleglise/sportsee)\n\n- [Figma mock-up](https://www.figma.com/file/BMomGVZqLZb811mDMShpLu/UI-design-Sportify-FR?node-id=1%3A2)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpyleglise%2Fsportsee","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpyleglise%2Fsportsee","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpyleglise%2Fsportsee/lists"}