esports fullstack app

Application full-stack d'e-sport

• À propos
• Client Web
• Serveur Web/API
• Client mobile
• Installation
• Notes supplémentaires

À propos

L'application permet aux utilisateurs de publier leurs disponibilités, de rechercher et de se connecter à d'autres utilisateurs jouant au même jeu, afin qu'ils puissent jouer ensemble.

Dans ce projet, le principe était d'explorer les bases de l'architecture client-serveur. Le backend expose une simple API REST pour servir et créer des ressources en fonction des demandes entrantes. Côté client, les applications Web et mobiles sont chargées de communiquer avec le serveur et de fournir une interface pour gérer les interactions des utilisateurs.

Client Web

Client Web construit avec ReactJS. Les principales fonctionnalités incluent la liste des jeux et la création d'annonces.

Outils

• Manuscrit
• RéagirJS
• Vent arrièreCSS
• Interface utilisateur de base
• Axios

Serveur Web/API

API Rest avec des routes pour lister et créer des ressources.

Outils

• NoeudJS
• ExpressJS
• ORM Prisma
• SQLite
• Manuscrit

Client mobile

Le client mobile multiplateforme est construit avec React Native. Les principales fonctionnalités incluent la navigation dans les publicités et la recherche de joueurs.

Outils

• Manuscrit
• Réagir natif
• Exposition

Installation

• Accédez au répertoire racine d'une application (mobile, serveur ou Web)
• Installez les dépendances en exécutant npm install
• Exécutez l'application avec npm run dev

Deux choses à garder à l'esprit :

• Vous pouvez installer et exécuter le serveur avant d'exécuter les applications clientes
• À ce jour, aucune des applications de ce projet n'est prête à être déployée.

Notes supplémentaires

• Ce projet est purement un exercice pratique destiné à développer et/ou mettre en valeur mes compétences dans les outils/techniques/concepts mentionnés ci-dessus. Il ne s’agit pas d’une solution complète prête pour la production. N'hésitez pas à nous contacter si vous avez des questions ou si vous souhaitez en discuter !
• Cet exercice a été construit suite aux leçons du programme Ignite ReactJS de Rocketseat. Il se peut qu’il ait été adapté/repensé par moi ou non.