Skip to content

Technologies For Web Applications (TWA) Major Project - Vanilla Javascript, CSS, HTML, MySQL, MariahDB

Notifications You must be signed in to change notification settings

MiclAnglz/eCommerceSite

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

35 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Notes:

  • For a more in-depth understanding of the project tasks, please refer to the detailed documentation located within the "ProjectBrief" folder..

  • o operate this site locally, it was hosted on a local server through the XAMPP control panel. For installation guidance, please visit https://www.phpmyadmin.net/ and follow the instructions provided. To establish a seamless connection, utilize the provided database (eshop.sql) stored within the "MySQL_DB" folder.


Usable Login Credentials

1)username: [email protected]
password: 1qqqqqqq

2)username: [email protected]
password: 1qqqqqqq

Ecommerce Site

(My First Website)

TWA Major Project - Vanilla Javascript, CSS, HTML, MySQL, MariahDB Summer Class

Technologies for Web Applications

Task: Create a fictional e-commerce website utilizing JavaScript, CSS3, HTML5, PHP, and MySQL database. The website is intended to incorporate the following functionalities:

  • Enable user registration and store new user information within the MySQL database.

  • Implement a secure login mechanism for existing users.

  • Develop a user-friendly shopping cart system enabling users to add items. Regardless of whether users are logged in or browsing, they can add items to their cart. However, the system permits checkout only for logged-in users.

  • Incorporate robust form validation for key pages like "login," "register," and "add to cart."

Upon successful login, the program is designed to:

  • Display detailed information about the logged-in user.

  • Facilitate the updating of user details directly within the database.

  • Present a comprehensive order history, including total items purchased per order ID and the corresponding purchase date, for the logged-in user.

    Additional Features:

• A functional remove button on the cart list.

image

• Disable the user from adding the same item twice in the cart.

image

• Display different menu items, buttons and welcome messages based on whether the user is logged in or not. The icons used were also not part of the project brief.

Not logged in:

image

Welcom message:

image

Logged in:

image

Welcome message:

image

Welcome message (new customer)

image

  • A confirm password feature on the register form

image

About

Technologies For Web Applications (TWA) Major Project - Vanilla Javascript, CSS, HTML, MySQL, MariahDB

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published