Premier projet étudiant en solo, créé à partir d'un brief client fictif.
Bien que le projet initial ne nécessitait que 3 à 4 pages (Accueil, Catalogue, Description produit, 404), celui-ci a été enrichi de fonctionnalités additionnelles :
- Un menu de navigation responsive, avec menu type "Burger" pour la navigation mobile,
- La possibilité de trier les produits du Catalogue par catégorie,
- Une page de connexion avec formulaire fonctionnel,
- La possibilité pour l'utilisateur d'ajouter certains produits à ses "Favoris" (avec icône dynamique) et à son "Panier",
- Une page de favoris listant les produits sélectionnés, avec possibilité de les ajouter directement au panier,
- Une page panier listant les-dits produits, avec sélection des quantités et affichage dynamique du total et des sous-totaux,
- Un ersatz de page de paiement. (NB : Aucune solution de paiement n'ayant été ajoutée, la soumission du formulaire n'envoie les informations qu'au serveur).
Ce projet, réalisé tôt durant la formation, reste néanmoins un témoin de mon avancée.
First ever solo student project, following a (fictitious) client request.
While the original scope of this project was to only implement 3-4 views, namely a Homepage, Catalogue, Product details, and custom 404, it has expanded to include a few bonus functionalities :
- A responsive navigation menu as a "burger menu" for mobile displays,
- Allowing the user to search for a specific category of product, thanks to a dropdown menu on the Catalogue page,
- LogIn page with working form,
- Allowing the user to add a specific product to their "Favorites" (with dynamic icon) and/or to their "Cart".
- Favorites page listing all products marked as such, with a CTA to add them to the user's cart,
- Cart page displaying all products added by the user, allowing them to choose an amount of each and be informed of the total cost of their purchase,
- Mock Billing page. (Note : No payment solution has been added, submitting the form only send information to the server).
Even though this project was coded somewhat early during my studies, let it remain as a testament of my coding journey.
| VSCode | IDE |
| Javascript ES6 | Main language |
| NodeJs | Back-end |
| EJS | Templating |
| PostgreSQL | Database |