Site e-commerce de lecture de comics en ligne
Pour tester le site, vous pouvez vous créer un compte utilisateur ou utiliser les identifiants d'un compte administrateur : email : jackbiboustone@gmail.com Mdp : password
Un administrateur dispose de tout les comics gratuitement et peut naviguer sur tout le site sans utiliser de crédits. Toutn les comics sont stockés dans sa bibibliothèque personnelle.
Comics More est un site en ligne dédié à la lecture de comics, tels que MARVEL et DC Comics. Le site utilise un système de crédits pour l'achat de ces bandes dessinées, chaque comics étant évalué en fonction de son nombre de pages. Les utilisateurs reçoivent 10 crédits gratuits lors de leur inscription. Ils ont le choix entre deux modes de paiement pour acheter des crédits : par carte bancaire ou via un compte PayPal. Une fois les crédits achetés, les utilisateurs peuvent retrouver leurs comics dans leur bibliothèque personnelle. Ils peuvent effectuer des recherches de comics en utilisant la barre de recherche ou en explorant les différentes collections de personnages. Par exemple, la collection Spider-Man regroupe tous les comics liés à ce personnage, qui est publié sous la maison d'édition Marvel. Les utilisateurs peuvent également ajouter des comics à leurs favoris.
Comics More utilise les Frameworks Vue.js et Symfony pour développer le site, stockant les informations dans une base de données. Les images des comics, quant à elles, sont stockées sur Amazon Web Services (AWS). La base de données contient toutes les informations liées aux comics ainsi qu'aux utilisateurs. Le site est relié à la base de données via une API développer en PHP avec Symfony, qui fait le lien entre le back-end et le front-end.
Pour l'authentification des utilisateurs, Comics More utilise le système lexik-jwt-authentication avec des tokens qui expirent après un certain temps. Les mots de passe des utilisateurs sont cryptés. Les administrateurs ont accès à des fonctionnalités spéciales, tels que la lecture gratuite de tous les comics et la possibilité de naviguer sur tout le site sans utiliser de crédits.
- Vue.js
- HTML
- CSS
- Vite
- Photoshop
- Bibliothèque d'animation (GSAP, AOS, animate.css, etc...)
- Symfony
- XAMPP
- API Platform
- Postman
- AWS
- lexik-JWT-authentication
- PHP 7.4
- Composer
- Node.js
- NPM
- Symfony CLI
- Cloner le projet
- Installer les dépendances avec
composer install - Installer les dépendances avec
npm install - Créer un fichier
.env.localà la racine du projet et y ajouter les informations de connexion à la base de données - Créer la base de données avec
symfony console doctrine:database:create - Créer les tables avec
symfony console doctrine:migrations:migrate - Lancer le serveur avec
symfony server:start - Lancer le serveur de développement avec
npm run dev