Projet réalisé par 8 apprenants dans le cadre de notre formation à Ada Tech School : France Huon, Laure Saint-Antonin, Mahinthan Gugananthan, Mehdi Grimault, Myriam Le Nahelec, Nathan Pesneau, Paula Rondao, Quentin Kerzelec et Romane Boireau. Durée : 7 jours
- Stand up meetings
- Journaux de bord
Technos utilisées : libres et choisies en équipe.
- Côté Front : React / Bootstrap
- Côté Back : Node.js / Express / SQL / mySql
- npm install
- create .env :
DB_USER=root
DB_PASSWORD=
DB_DATABASE=consonea
DB_PORT=3306
- cd client
- npm install
- cd ../Backend
- npm install
- installer MySQL sur votre machine
- mysqladmin -u root password 'votresupermotdepassetrescomplique'
- mysql -u root -p Mot de passe root : ""
- CREATE DATABASE consonea;
- USE consonea;
- ALTER USER 'root'@'localhost' IDENTIFIED WITH mysql_native_password BY '';
- mysql -u root -p consonea < backend_bdd.sql
- npm start
“Lauréline Fleury a lancé son entreprise “Anciens meubles pour une nouvelle vie”, de vente de meubles de seconde main. Pour gagner en visibilité, elle a besoin d’avoir un site internet pour afficher ses produits. En plus, cela lui permettra de gérer son stock. Son besoin est donc le suivant : J’ai besoin d’avoir une page principale qui regroupera les meubles en vente en ce moment. Pour l’affichage de chaque meuble, je souhaite un encart dans lequel on pourra retrouver une photo, le type de meuble, le prix et un bouton pour l’acheter. Chaque encart sera cliquable pour permettre d’accéder au détail du produit. Sur cette nouvelle page, on retrouvera une série de photos du meuble et toutes les informations nécessaires, c’est-à-dire, le type, le prix, les dimensions, les couleurs, les matières et bien sûr un bouton pour acheter. Pour ce qui est de l’administration, je souhaite une page de connexion. Lorsque je suis connectée je dois pouvoir accéder à une page de gestion des produits. Sur celle-ci je veux pouvoir avoir la liste de mes meubles. Je souhaite pouvoir modifier les informations de mes produits en ayant un bouton depuis ma liste. Je dois pouvoir également les supprimer s’ils ont été vendus en magasin.”
- Page d’accueil avec l’ensemble des meubles à vendre
- Page descriptive pour chaque meuble en vente
- Page connexion pour la création d’un compte utilisateur
- Espace pour l’administratrice du site
- Accès à la mise en vente de meuble
Choix libre. Proposition faite par l’équipe Front de la première semaine qui a ensuite été validé par l’équipe back.
La charte graphique (Logo, couleurs, police) reflétait l’univers de l’harmonie, du calme et l’écologie.
- Les éléments graphiques doivent respecter la charte graphique : couleurs, police permettant d’identifier la marque
- L’interface utilisateur doit être optimisée UX et être responsive.
- L’affichage du site doit être optimisé pour tous les navigateurs et toutes les devices
- Le site doit être aéré