Aurea
The link of the project right here.
Table of Content
- General Info
- W3C Validation and Description
- Features
- Screenshots and Images
- Setup
- Files and Directory
- Json Explication
- Project Status
- Room for Improvement
- Acknowledgements
- Contact
- License
Information Generale
This website is the shopping website of the fictional brand called Aurea.
- The name were choose because of the meaning in latin, "aurea" mean gold in latin.
- This project is the online shop of the brand to make easier the acces to the different product.
- Our motivation for this website was to do a website that was able to give the valor of a high quality / luxury brand.
W3C Validation ScreenShot and Description of the Pages
quisommesnous.html
This page consist in a description of the brand made by Nathan Derosier. The coding languages are HTML and CSS.
produit.html
This page is the product page, it adadpt depend on which product you clicked. The coding languages HTML, CSS and JavaScript.
panier.html
This page is the basket of the website made by Tristan Ferreira. The coding languages are HTML, CSS and JavaScript.
nouveautes.html
This is the page where the new product are exposed made by Nathan Derosier. The coding languages are HTML, CSS and JavaScript.
inscription.html
This is the page where you create an accound, made by Tristan Ferreira. The coding languages are HTML and CSS
index.html
This page is the main page of the website, here are exposed new and best sellers from our website. Page made by Tristan Ferreira. The coding languages are HTML, CSS and JavaScript
formulaire.html
This page is the page where you can conctact the brand made by Nathan Derosier. The coding languages are HTML and CSS
erreur404.html
This is the pages where you are redirected when you have an error 404. Page made by Tristan Ferreira. The coding languages are HTML and CSS.
erreur403.html
This is the pages where you are redirected when you have an error 403. Page made by Tristan Ferreira. The coding languages are HTML and CSS.
contact.html
This is the page to got the acces to the form for contacting the brand. Page made by Nathan Derosier. The coding languages are HTML and CSS.
connexion.html
This page is where you log in on your account made by Tristan Ferreira.The coding languages are HTML and CSS.
collectionjaponaise.html
This page is the page where every classical product from the brand are exposed. The page is made by Tristan
Ferreira. The coding languages are HTML, CSS and JavaScriptcollectionclassique.html
This page is the page where every japanese product from the brand are exposed. The page is made by Tristan Ferreira. The coding languages are HTML, CSS and JavaScript
Features
List the ready features here :
- Easy navigation throught the website
- A Good UX and IX design
Screenshots

- Favicone :

- Logo :
- Arborescence

- Arborescence

Setup
The website is hosted on this website : Click HereYou need a computer and an updated version of any web navigators with a connexion to internet.
Files and Directory
List of key files and directories, how they're organized and used, etc.
Json Explication
There is an ID for searching the product more easily, a picture name for the illustration of the product. There is a number of products in stock, a boolean variable to define whether the product is handmade, a list of components with their origin and percentage and and a list of the methods that were used for manufacturing.
Project
in progress. (90% finished)
List of elements missing in the website :
- Not all the link have a <.title>
Room for Improvement
To Do List :
- Make the website adaptative
- Made a lot of quality of life update
- Allow user to create au real account.
- allow user to really update there basket
Acknowledgements
- This project was inspired by Kalos, LouisVuitton and Channel
- Many thanks to Frederique Beaudeux & Jean-Luc Husson our teachers
- Used fonts : Oswald & Kanit
:gun: Contact
Created by :
Tristan Ferreira :
- tristan.ferreira1@etu.univ-lorraine.fr
- TP3

Nathan Derosier :
- nathan.derosier6@etu.univ-lorraire.fr
- TP3

