Online Store Web Development Project
Translated by
ScribdTranslationsOnline Store Web Development Project
Translated by
ScribdTranslationsAcademic Year: 2021/2022
Class:TIC1
Mini-Project Statement Web Development
Creation of an online store
We want to create a dynamic website that allows us to present online a
Product catalog. The catalog must present products. Each product
belongs to a category. A category is defined by: a code, a name and a
description. Un produit est défini par : sa référence, sa désignation, sa quantité en stock,
its price, its photo, a field indicating whether it is available or not, a field that indicates
whether it is on sale or not.
The application can be used by internet users and an administrator.
An administrator identified by a login and a password can perform the operations
following:
1. Add, view, delete, modify categories.
2. Add, View, delete, modify products.
3. Add promotions with deadlines
An internet user finds on this site the possibilities of:
1) Display all products (Default display).
2) Search for products by entering a keyword.
3) Show the discounted products.
4) Display the products of a category.
5) Add a product to your cart with the option to enter the quantity of this product.
6) Display the contents of your cart (Product, Price, Quantity, Amount, and Total Amount)
of the basket).
Place an order.
In the store, the user can choose the quantity they want for an item.
buy using the corresponding input field. This quantity must always be
ranges from 0 to 9. He must then click on the button representing a cart of
run to add this item to the cart with the desired quantity. The add button
The cart is inactive as long as the quantity is 0, active otherwise. The inactivity of the button translates
visually by an opacity of 0.25 of the component and by the absence of reaction to the click.
The button activity is reflected by an opacity of 1 and an effective cart addition of
the article.
When an item is added to the cart, it appears in the cart area. The same item
only appears once in the cart, with its total ordered quantity.
1
Academic Year: 2021/2022
Class:TIC1
So when an item already in the cart is ordered again, its quantity is updated.
updated in the cart. It is never allowed to order more than 9 times the same
item, even in several times. So the quantity of the same item in the cart cannot
never exceed 9. By clicking on the button representing a trash can, we delete
completely an item from the cart (regardless of the quantity).
By clicking on an icon (+/-), the user has the option to increase or decrease the
quantity of the selected product in the threshold (if quantity becomes 0, the product will be
automatically remove from cart.
The total amount of items in the cart is updated with each modification of the
basket, adding or removing items.
Order confirmation:
Any confirmation of an order requires the generation of a verification code.
which will be sent by email to the user. A photo will be requested to be taken so that it
will be recorded in the order.
Requested work:
Create the online merchant site using HTML, CSS, JavaScript, and PHP.
Submit your work in the form of an archive. The name of this archive will be your-
[Link]. This archive will contain a directory whose name will be your-name-
project. The content of this directory will be organized as follows:
• the file [Link] will be placed in this directory,
• The html files will be placed in a subdirectory html,
• A subdirectory named css will contain the css files that you will have defined.
• A subdirectory named js will contain the js files that you will have defined.
• a subdirectory named php will contain the php files that you have defined.
• a subdirectory named images will contain the source files of the images that
are used in your project.
NB. The efforts made to have an original presentation and achieve an aspect
Pleasant and harmonious overall visual will be taken into account.
Bonus: The implementation of a recognition-based authentication system
facial will be a plus.
Good job