An open API service indexing awesome lists of open source software.

https://github.com/sakr2000/e-commerce-javascript

This project is a fully functional e-commerce website built with HTML, CSS, and JavaScript. It showcases a variety of features commonly found in online stores, including product listings, detailed product pages, shopping cart functionality, and a checkout process.
https://github.com/sakr2000/e-commerce-javascript

css3 e-commerce-project html5 javascript

Last synced: 2 months ago
JSON representation

This project is a fully functional e-commerce website built with HTML, CSS, and JavaScript. It showcases a variety of features commonly found in online stores, including product listings, detailed product pages, shopping cart functionality, and a checkout process.

Awesome Lists containing this project

README

        

# E-Commerce JavaScript Project

## Table of Contents

- [Overview](#overview)
- [Features](#features)
- [Technologies Used](#technologies-used)
- [To be Added](#to-be-added)
- [Screenshots](#screenshots)

## Overview

This project is a fully functional e-commerce website built with HTML, CSS, and JavaScript. It showcases a variety of features commonly found in online stores, including product listings, detailed product pages, shopping cart functionality, and a checkout process.

## Features

- **Product Listings**: Browse through a collection of products with details.
- **Product Search**: Search for your desired products.
- **Product Details**: View detailed information about each product.
- **Shopping Cart**: Add, remove, and update products in your shopping cart.
- **User Authentication**: Register and log in to user accounts With **input validation**.
- **Checkout Process**: Enter shipping information and payment details to complete purchases.
- **Attractive User Interface**: Beautiful and attractive user interface.
- **Use of AJAX**: Getting products data from an API using AJAX.

## Technologies Used

- ![badmath](https://img.shields.io/badge/HTML5-E34F26?style=for-the-badge&logo=html5&logoColor=white)
- ![badmath](https://img.shields.io/badge/CSS3-1572B6?style=for-the-badge&logo=css3&logoColor=white)
- ![badmath](https://img.shields.io/badge/JavaScript-323330?style=for-the-badge&logo=javascript&logoColor=F7DF1E)

## To be added

- Dark and Light mood
- User Page with user details
- about & contact pages

## Screenshots

![screenshot]()
![screenshot]()
![screenshot]()
![screenshot]()