Projets

Formation

Voir sur Github

Projets réalisés lors de ma formation à la Coding Academy by Epitech

Formation intensive axée sur la pratique avec de nombreux mini-projets

Programme : HTML5, CSS3, PHP, Laravel 8, Javascript, Vue.js 3, git, bash, apache

Projet my shop

Voir sur Github

Projet PHP (orienté objet), HTML5 et CSS3, utilisation d'une base de données MySQL

  • Premier projet web complet de la formation, création d'un site de shopping en ligne
  • Système d'inscription et authentification, gestion des droits utilisateur
  • Accès à un CRUD pour les administrateurs permettant la gestion des produits à vendre, des catégories auxquelles ils appartiennent, et des utilisateurs avec l'attribution de leurs droits
  • Interface présentant les produits à vendre et un affichage des détails de ceux-ci
  • Search bar permettant de chercher un produit par terme ou de filtrer les produits par catégorie, prix...
  • Système de panier fonctionnel

Projet par groupes de 2, en une dizaine de jours.

Screenshot du site 'Projet my shop'Screenshot du site 'Projet my shop'Screenshot du site 'Projet my shop'

Projet Free Ads

Voir sur Github

Projet PHP (orienté objet), Laravel 8, HTML5 et CSS3, utilisation d'une base de données MySQL

  • Découverte par la pratique de notre premier framework, Laravel
  • Création d'un site de mise en ligne de petites annonces (type Le Bon Coin)
  • Système d'inscription et authentification, avec envoi de mail de confirmation
  • Gestion des droits utilisateur
  • Accès à différents CRUD selon les droits utilisateur
  • Les administrateur ont accès à la gestion de toutes les petites annonces et utilisateurs
  • Les simples utilisateurs peuvent créer, modifier, supprimer leurs propres petites annonces et modifier leur propre profil
  • Gestion des redirections en cas d'accès non autorisé
  • Interface présentant les petites annonces et un affichage des détails de celles-ci, ainsi qu'une search bar et filtres

Projet par groupes de 2, en une semaine.

Screenshot du site 'Projet Free Ads'Screenshot du site 'Projet Free Ads'Screenshot du site 'Projet Free Ads'

Projet Javascript

Voir sur Github

Projet Javascript, Node.js, Express.js, HTML5 et CSS3, utilisation d'une base de données MySQL

  • Premier projet complet utilisant Javascript
  • Création d'une API basée sur une base de données SQL fournie, en utilisant Express.js
  • Création de routes, models, controllers
  • Création d'une interface front end utilisant l'API via des requêtes asynchrones
  • Affichage de la liste des films contenus dans la base de données, fenêtre contenant leurs détails
  • Search bar avec affichage immédiat
  • Implémentation d'un scroll infini

Projet individuel, en 3 jours.

Screenshot du site 'Projet Javascript'Screenshot du site 'Projet Javascript'

Projet Mes Produits Locaux

Voir le site

API : PHP (orienté objet), Laravel 8, utilisation d'une base de données MySQL.
Front end : Vue.js 3, Vue Router, store Vuex, Javascript(ES6), HTML5, CSS3, Bootstrap 4.
Déploiement en ligne : Heroku.

  • Création d'un site e-commerce de produits de proximité en France, composé d'une API et d'un front en Vue.js
  • Système d'inscription et authentification, avec envoi de mail de confirmation
  • Gestion des droits utilisateur
  • Accès à un CRUD pour les administrateurs permettant la gestion des produits à vendre, des catégories auxquelles ils appartiennent, des régions où ils se trouvent, et des utilisateurs avec l'attribution de leurs droits
  • Upload et stockage des photos des produits sur Amazon S3 (n'est plus fonctionnel car la période de test gratuit s'est terminée)
  • Sélection de la région dans laquelle faire ses achats via une carte de France cliquable, puis possibilité de trier les produits disponibles grâce à une search bar et des filtres (javascript : affichage immédiat, annulation de la requête en cours si nouvel input)
  • Système de panier fonctionnel
  • Implémentation d'un pseudo système de paiement avec Paypal sandbox
  • Gestion des stocks

Projet par groupe de 4, en 2 semaines et demi.

Screenshot du site 'Projet Mes Produits Locaux'Screenshot du site 'Projet Mes Produits Locaux'Screenshot du site 'Projet Mes Produits Locaux'Screenshot du site 'Projet Mes Produits Locaux'