thomas-rugolino / maxrep-front

Sport 's App with user's sessions handling, performance tracking and rankings by discipline

MaxRep

MaxRep est une application web dynamique conçue pour les passionnés de fitness et de sport. Elle offre un moyen intuitif de suivre et d'analyser les performances sportives, en se concentrant sur la simplicité et l'efficacité.

Caractéristiques

• Suivi des Sessions: Permet aux utilisateurs d'enregistrer et de suivre les détails de leurs sessions de sport, y compris les scores, les descriptions et les dates.
• Analyse des Performances: Affiche les performances au fil du temps dans divers sports, aidant les utilisateurs à évaluer leurs progrès.
• Gestion des Profils Utilisateurs: Les utilisateurs peuvent créer et modifier leur profil, y compris des informations personnelles et des préférences sportives.
• Classements et Comparaisons: Affiche des classements basés sur les performances dans différents sports, offrant aux utilisateurs la possibilité de se comparer à d'autres.
• Responsive Design: Adaptée aux appareils mobiles et de bureau pour une expérience utilisateur cohérente et accessible.

Technologies Utilisées

• Frontend: React, TypeScript, Sass, HTML.
• Backend: Node.js, Express.js, Sequelize (ORM), PostgreSQL.
• Authentification et Sécurité: JWT pour l'authentification, pratiques standard de sécurisation des API REST.
• Déploiement: Le frontend est déployé sur Vercel, le backend est déployé sur Render et la base de données est déployée sur Neon.

Installation et Configuration

Frontend

1. Cloner le dépôt: git clone https://github.com/O-clock-Empanadas/projet-01-maxrep-front.git
2. Installer les dépendances : npm install
3. Lancer l'application frontend (dans un nouveau terminal): npm run dev

Backend

Le repo du backend est disponible ici : https://github.com/O-clock-Empanadas/projet-01-maxrep-back

1. Cloner le dépôt: git clone https://github.com/O-clock-Empanadas/projet-01-maxrep-back.git
2. Installer les dépendances: npm install
3. Configurer la base de données PostgreSQL:

• Configurer PostgreSQL sur votre système.
• Créer une nouvelle base de données pour l'application.
• Configurer les variables d'environnement pour la connexion à la base de données.

4. Lancer le serveur backend: npm start