Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/noyannozmen/o-coffee

First ever solo student project, following the MVC design pattern. Made with Node.js and EJS.
https://github.com/noyannozmen/o-coffee

ejs html-css-javascript node-js student-project

Last synced: 3 days ago
JSON representation

First ever solo student project, following the MVC design pattern. Made with Node.js and EJS.

Awesome Lists containing this project

README

        

# O'Coffee

O'Coffee logo

## About

### *FR*

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.

### *EN*

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.

## Stack

| | |
| -------------- | ----------------- |
| VSCode | IDE |
| Javascript ES6 | Main language |
| NodeJs | Back-end |
| EJS | Templating |
| PostgreSQL | Database |