Skip to content

MDLeet/MyOnlineStore

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

3 Commits
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸ›’ My Online Store

πŸ“Œ Project Description

This is a simple HTML-based online store webpage. It displays a list of products in a table format, including images, prices, and links to purchase items. The page also includes a checkout form where users can enter their details.


πŸš€ Features

  • Clean and simple HTML structure

  • Product listing using a table

  • Images for each product

  • External purchase links (Amazon)

  • Checkout form with:

    • Email input
    • Username input
    • Date selection
  • Basic inline styling


🧱 Technologies Used

  • HTML5
  • Inline CSS

πŸ“‚ Project Structure

project-folder/
│── index.html
│── assets/
β”‚   β”œβ”€β”€ Iphone.jpg
β”‚   β”œβ”€β”€ Samsung.jpg
β”‚   β”œβ”€β”€ Playstation.jpg
β”‚   β”œβ”€β”€ Xbox.jpg
β”‚   └── Laptop.jpg

▢️ How to Run

  1. Download or clone the project.
  2. Make sure the assets folder is in the same directory as the HTML file.
  3. Open index.html in any web browser.

πŸ›οΈ Products Included

  • iPhone
  • Samsung
  • PlayStation
  • Xbox
  • Laptop

⚠️ Notes / Improvements

  • Fix typo in the name attribute (naem β†’ name for Email input)
  • Improve styling using external CSS
  • Add responsive design for mobile devices
  • Replace placeholder links with real product pages
  • Implement backend for actual checkout functionality

πŸ“¬ Form Behavior

  • The form submits data via POST method to:

    https://google.com/CheckoutItem
    
  • Currently, this is just a placeholder and does not process real orders.


πŸ“„ License

This project is for educational purposes only.

If you want, I can also upgrade this into a modern version with CSS styling or JavaScript features.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages