https://github.com/valentinmadiot/kanap-ecommerce_api
Site e-commerce en JavaScript Vanilla, avec affichage dynamique des produits, panier localStorage, validation des formulaires et API backend Express. Déployé via Render (API) et Vercel (frontend).
https://github.com/valentinmadiot/kanap-ecommerce_api
api-rest dom-manipulation ecommerce-site express form-validation html-css-js http-requests javascript-vanilla js-validation localstorage mongodb no-framework node-js openclassrooms regex render-hosting responsive-design shopping-cart ux-design vercel-deployment
Last synced: about 2 months ago
JSON representation
Site e-commerce en JavaScript Vanilla, avec affichage dynamique des produits, panier localStorage, validation des formulaires et API backend Express. Déployé via Render (API) et Vercel (frontend).
- Host: GitHub
- URL: https://github.com/valentinmadiot/kanap-ecommerce_api
- Owner: ValentinMadiot
- Created: 2022-07-04T17:23:49.000Z (almost 4 years ago)
- Default Branch: main
- Last Pushed: 2025-06-23T19:42:15.000Z (12 months ago)
- Last Synced: 2025-09-10T14:46:14.961Z (9 months ago)
- Topics: api-rest, dom-manipulation, ecommerce-site, express, form-validation, html-css-js, http-requests, javascript-vanilla, js-validation, localstorage, mongodb, no-framework, node-js, openclassrooms, regex, render-hosting, responsive-design, shopping-cart, ux-design, vercel-deployment
- Language: JavaScript
- Homepage: https://kanap-vm.vercel.app
- Size: 38.2 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
🛋️ Kanap - Projet Scolaire
##
📌 Sommaire
🎨 [**Introduction**](#introduction)
🛠️ [**Technologies**](#technologies)
🎯 [**Fonctionnalités**](#fonctionnalités)
🚧 [**Mise à Jour**](#upgrade)
🚀 [**Installation**](#installation)
Ce projet consiste à développer un site **e-commerce** en **JavaScript Vanilla**, mettant en avant des fonctionnalités dynamiques et une expérience utilisateur fluide sans dépendre de frameworks externes.
Il comprend une architecture simple avec affichage dynamique de produits, gestion du panier via **localStorage** et design responsive en **HTML** et **CSS**.
> 📂 Pour plus de détails, consultez le [dossier](/.docs/).
- **Frontend** : HTML, CSS et JavaScript pur
- **Backend** : Node.js + Express (API REST)
- **Stockage local** : localStorage pour le panier
- Affichage dynamique des produits via des requêtes à l'API
- Gestion du panier en temps réel avec localStorage
- Validation avancée des formulaires grâce aux REGEX
- Interface responsive, optimisée pour tous les écrans.
- Nouvelle architecture pour une meilleure lisibilité
- Déploiement du backend sur Render
- Hébergement frontend sur Vercel
### ✅ Prérequis
- [Git](https://git-scm.com/) — Système de gestion de versions
- [Node.js](https://nodejs.org/fr) — Exécuteur local de scripts JavaScript
- [npm](https://www.npmjs.com/) — Gestionnaire de paquets JavaScript
- [Google Chrome](https://www.google.com/) — Navigateur moderne
- [Visual Studio Code](https://code.visualstudio.com/) — Éditeur de code
- [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer) — Extension VS Code
### 📥 Cloner le projet
```bash
git clone git@github.com:ValentinMadiot/kanap-ecommerce_api
cd kanap-ecommerce_api
```
### ▶️ Lancer le projet
### Backend
```bash
cd api
npm install
npm start
```
Backend disponible sur : `http://localhost:8080`
### Frontend
Il suffit d’ouvrir le fichier `index.html` dans un navigateur, ou d’utiliser l’extension **Live Server** sur VS Code pour un aperçu dynamique.