{"id":22439951,"url":"https://github.com/ibrahimalsabr/sportsee","last_synced_at":"2026-04-11T12:02:55.695Z","repository":{"id":246496282,"uuid":"817722095","full_name":"IbrahimAlsabr/SportSee","owner":"IbrahimAlsabr","description":"SportSee is launching a new user profile page with React and ReCharts. Users can track workout sessions and calories burned with detailed visualizations.","archived":false,"fork":false,"pushed_at":"2024-07-27T19:42:39.000Z","size":470,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-10-27T00:51:16.460Z","etag":null,"topics":["full-stack","json-api","nodejs","react","recharts","vite"],"latest_commit_sha":null,"homepage":"https://sport-see-beta.vercel.app","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/IbrahimAlsabr.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,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2024-06-20T09:56:58.000Z","updated_at":"2024-07-27T19:42:44.000Z","dependencies_parsed_at":"2024-06-28T10:06:30.081Z","dependency_job_id":"72c94fb6-d5be-4cad-ad91-4af5419c6b1d","html_url":"https://github.com/IbrahimAlsabr/SportSee","commit_stats":null,"previous_names":["ibrahimalsabr/sportsee"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/IbrahimAlsabr/SportSee","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/IbrahimAlsabr%2FSportSee","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/IbrahimAlsabr%2FSportSee/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/IbrahimAlsabr%2FSportSee/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/IbrahimAlsabr%2FSportSee/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/IbrahimAlsabr","download_url":"https://codeload.github.com/IbrahimAlsabr/SportSee/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/IbrahimAlsabr%2FSportSee/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31679484,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-11T08:18:19.405Z","status":"ssl_error","status_checked_at":"2026-04-11T08:17:08.892Z","response_time":54,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":["full-stack","json-api","nodejs","react","recharts","vite"],"created_at":"2024-12-06T01:16:26.857Z","updated_at":"2026-04-11T12:02:55.655Z","avatar_url":"https://github.com/IbrahimAlsabr.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# SportSee : Analytics Dashboard\n\n![Logo SportSee](./front-end/public/logo.png)\n\n[Lire ce fihcier en français](#sportsee--tableau-de-bord-analytique)\n\n## Description\n\nSportSee, an innovative startup specializing in sports coaching, is launching a new version of the user profile page. This page will allow users to track their workout sessions and calories burned. The project aims to develop this page using React and ReCharts, providing a detailed view of workout statistics with data visualizations for the number of sessions completed and calories burned.\n\n## Technologies Used\n\n![HTML5](https://img.shields.io/badge/HTML5-E34F26?style=for-the-badge\u0026logo=html5\u0026logoColor=white)\n![JavaScript](https://img.shields.io/badge/JavaScript-F7DF1E?style=for-the-badge\u0026logo=javascript\u0026logoColor=black)\n![SASS](https://img.shields.io/badge/SASS-CC6699?style=for-the-badge\u0026logo=sass\u0026logoColor=white)\n![React](https://img.shields.io/badge/React-20232A?style=for-the-badge\u0026logo=react\u0026logoColor=61DAFB)\n![ReCharts](https://img.shields.io/badge/ReCharts-FF6F61?style=for-the-badge\u0026logo=recharts\u0026logoColor=FFFFFF)\n![Vite](https://img.shields.io/badge/Vite-646CFF?style=for-the-badge\u0026logo=vite\u0026logoColor=white)\n![JSON](https://img.shields.io/badge/JSON-000000?style=for-the-badge\u0026logo=json\u0026logoColor=white)\n![npm](https://img.shields.io/badge/npm-CB3837?style=for-the-badge\u0026logo=npm\u0026logoColor=white)\n![Font Awesome](https://img.shields.io/badge/Font_Awesome-339AF0?style=for-the-badge\u0026logo=font-awesome\u0026logoColor=white)\n\n## Design\n\nThe application's design is primarily optimized for desktop screens, ensuring a clear and efficient user experience on large screens with a minimum resolution of 1024 x 780 pixels.\n\n### Screenshots\n\nHere is a screenshot illustrating the final result of the site:\n\n![home](./front-end/public/screenshot.png)\n\n## Installation\n\nFollow these steps to install and run the SportSee project on your local machine for development and testing.\n\n### Prerequisites\n\nMake sure you have Node.js and npm installed on your machine. If not, you can download and install them from the [Node.js official website](https://nodejs.org/).\n\n### Cloning the Repository\n\nOpen your terminal and run the following command to clone the GitHub repository:\n`git clone https://github.com/IbrahimAlsabr/SportSee.git`\n\n### Installing Backend Dependencies\n\nChange the directory to the cloned project folder and install the necessary dependencies:\n\n`cd SportSee/back-end`\n\n`npm install`\n\n### Starting the Backend\n\nTo start the backend, run the following command in the terminal: `npm start`. The backend will be launched on the port: `http://localhost:3000`.\n\n### Installing Frontend Dependencies\n\nChange the directory to the frontend folder and install the necessary dependencies:\n\n`cd ../front-end`\n\n`npm install`\n\n### Starting the Frontend\n\nTo start the application, run the following command in the terminal: `npm run dev`.\n\nAccess the application via `http://localhost:5173`.\n\n## Author\n\n### Ibrahim Alsabr\n\n[![GitHub](https://img.shields.io/badge/GitHub-100000?style=for-the-badge\u0026logo=github\u0026logoColor=white)](https://github.com/IbrahimAlsabr) [![LinkedIn](https://img.shields.io/badge/LinkedIn-0077B5?style=for-the-badge\u0026logo=linkedin\u0026logoColor=white)](https://www.linkedin.com/in/ibrahim-alsabr-188939231/) [![Twitter](https://img.shields.io/badge/Twitter-1DA1F2?style=for-the-badge\u0026logo=twitter\u0026logoColor=white)](https://twitter.com/home?lang=fr)\n\n---\n\n---\n\n---\n\n---\n\n\u003cbr\u003e\n\n# SportSee : Tableau de Bord Analytique\n\n![Logo SportSee](./front-end/public/logo.png)\n\n[Read this file in English](#sportsee--analytics-dashboard)\n\n## Description\n\nSportSee, une startup innovante spécialisée dans le coaching sportif, déploie une nouvelle version de la page de profil utilisateur. Cette page permettra aux utilisateurs de suivre leurs sessions d'entraînement et les calories brûlées. Le projet vise à développer cette page en utilisant React, et ReCharts offrant ainsi une vue détaillée des statistiques d'entraînement avec des visualisations de données pour le nombre de sessions effectuées et les calories consommées.\n\n## Technologies Utilisées\n\n![HTML5](https://img.shields.io/badge/HTML5-E34F26?style=for-the-badge\u0026logo=html5\u0026logoColor=white)\n![JavaScript](https://img.shields.io/badge/JavaScript-F7DF1E?style=for-the-badge\u0026logo=javascript\u0026logoColor=black)\n![SASS](https://img.shields.io/badge/SASS-CC6699?style=for-the-badge\u0026logo=sass\u0026logoColor=white)\n![React](https://img.shields.io/badge/React-20232A?style=for-the-badge\u0026logo=react\u0026logoColor=61DAFB)\n![ReCharts](https://img.shields.io/badge/ReCharts-FF6F61?style=for-the-badge\u0026logo=recharts\u0026logoColor=FFFFFF)\n![Vite](https://img.shields.io/badge/Vite-646CFF?style=for-the-badge\u0026logo=vite\u0026logoColor=white)\n![JSON](https://img.shields.io/badge/JSON-000000?style=for-the-badge\u0026logo=json\u0026logoColor=white)\n![npm](https://img.shields.io/badge/npm-CB3837?style=for-the-badge\u0026logo=npm\u0026logoColor=white)\n![Font Awesome](https://img.shields.io/badge/Font_Awesome-339AF0?style=for-the-badge\u0026logo=font-awesome\u0026logoColor=white)\n\n## Design\n\nLe design de l'application est principalement optimisé pour les écrans de bureau, garantissant une expérience utilisateur claire et efficace sur les grands écrans avec une résolution minimale de 1024 x 780 pixels\n\n### Captures d'écran\n\nVoici une capture d'écran qui illustre le résultat final du site :\n\n![home](./front-end/public/screenshot.png)\n\n## Installation\n\nSuivez ces étapes pour installer et exécuter le projet SportSee sur votre machine locale pour le développement et les tests.\n\n### Prérequis\n\nAssurez-vous d'avoir Node.js et npm installés sur votre machine. Si ce n'est pas le cas, vous pouvez les télécharger et les installer depuis [Node.js official website](https://nodejs.org/).\n\n### Clonage du dépôt\n\nOuvrez votre terminal et tapez la commande suivante pour cloner le dépôt GitHub :\n`git clone https://github.com/IbrahimAlsabr/SportSee.git`\n\n### Installation des dépendances de backend\n\nChangez de répertoire pour accéder au dossier du projet cloné et installez les dépendances nécessaires :\n\n`cd SportSee/back-end`\n\n`npm install`\n\n### Lancement de backend\n\nPour démarrer le backend, exécutez la commande suivante dans le terminal : `npm start` le back-end sera lancé sur le port: `http://localhost:3000`\n\n### Installation des dépendances de frontend\n\nChangez de répertoire pour accéder au dossier du projet cloné et installez les dépendances nécessaires :\n\n`cd ../front-end`\n`npm install`\n\n### Lancement de frontend\n\nPour démarrer l'application, exécutez la commande suivante dans le terminal : `npm run dev`\n\nAccédez à l'application via `http://localhost:5173`.\n\n## Auteur\n\n### Ibrahim Alsabr\n\n[![GitHub](https://img.shields.io/badge/GitHub-100000?style=for-the-badge\u0026logo=github\u0026logoColor=white)](https://github.com/IbrahimAlsabr) [![LinkedIn](https://img.shields.io/badge/LinkedIn-0077B5?style=for-the-badge\u0026logo=linkedin\u0026logoColor=white)](https://www.linkedin.com/in/ibrahim-alsabr-188939231/) [![Twitter](https://img.shields.io/badge/Twitter-1DA1F2?style=for-the-badge\u0026logo=twitter\u0026logoColor=white)](https://twitter.com/home?lang=fr)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fibrahimalsabr%2Fsportsee","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fibrahimalsabr%2Fsportsee","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fibrahimalsabr%2Fsportsee/lists"}