🛋️ Kanap - Projet Scolaire

📌 Sommaire

    🎨   Introduction
    🛠️   Technologies
    🎯   Fonctionnalités
    🚧   Mise à Jour
    🚀   Installation

🎨 Introduction

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.

🛠️ Technologies

• Frontend : HTML, CSS et JavaScript pur
• Backend : Node.js + Express (API REST)
• Stockage local : localStorage pour le panier

🎯 Fonctionnalités

• 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.

🚧 Mise à Jour

• Nouvelle architecture pour une meilleure lisibilité
• Déploiement du backend sur Render
• Hébergement frontend sur Vercel

🚀 Installation

✅ Prérequis

• Git  —  Système de gestion de versions
• Node.js  —  Exécuteur local de scripts JavaScript
• npm  —  Gestionnaire de paquets JavaScript
• Google Chrome  —  Navigateur moderne
• Visual Studio Code  —  Éditeur de code
• Live Server  —  Extension VS Code

📥 Cloner le projet

git clone [email protected]:ValentinMadiot/kanap-ecommerce_api
cd kanap-ecommerce_api

▶️ Lancer le projet

Backend

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.