Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/furkan-dogu/e-trade-web-page

Welcome to the Shopping App! This web application allows users to explore products, add them to the shopping cart, and view details about each product. It is built using HTML and JavaScript, with additional dependencies such as Bootstrap and Font Awesome.
https://github.com/furkan-dogu/e-trade-web-page

await-async bootstrap fetch javascript

Last synced: about 5 hours ago
JSON representation

Host: GitHub
URL: https://github.com/furkan-dogu/e-trade-web-page
Owner: furkan-dogu
Created: 2023-11-24T11:34:24.000Z (12 months ago)
Default Branch: main
Last Pushed: 2024-02-09T20:06:29.000Z (9 months ago)
Last Synced: 2024-02-09T21:23:46.334Z (9 months ago)
Topics: await-async, bootstrap, fetch, javascript
Language: JavaScript
Homepage: https://e-trade-web-page.vercel.app
Size: 5.82 MB
Stars: 1
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

# Shopping App

## Table of Contents

- [Features](#features)
- [Screenshots](#screenshots)
- [Technologies Used](#technologies-used)
- [How to Use](#how-to-use)

## Live Project Link

You can access the live version of the project [here](https://e-trade-web-page.vercel.app/).

## Installation

1. Clone or download this repository to your local machine.
2. Open the `index.html` file in a web browser.

## Features

- View a list of products with images, titles, descriptions, and prices.
- Filter products by category and search for specific items.
- Add products to the shopping cart.
- View details about each product in a modal.
- Remove items and adjust quantities in the shopping cart.
- See the total amount in the shopping cart.

## Screenshot

The project is compatible with both wide-screen computers and mobile devices.

## Technologies Used

- HTML
- JavaScript
- Bootstrap
- Font Awesome

## Project Structure

- `index.html`: The main HTML file.
- `app.js`: The JavaScript file for dynamic functionality.
- `furkan-logo.png`: Project logo.
- `assets`: Folder containing additional assets.

## How to Use

1. Open the `index.html` file in a web browser.
2. Explore products, filter by category, and search for items.
3. Click on a product to see details in a modal.
4. Add products to the shopping cart.
5. Open the shopping cart to view and manage items.
6. Adjust quantities or remove items as needed.
7. See the total amount in the shopping cart.

## Contributing

1. Fork this repository (click the "Fork" button in the upper right corner).
2. Add a new feature or fix a bug.
3. Commit your changes (`git commit -m 'Added a new feature'`).
4. Push to your repository (`git push origin main`).
5. Open a new pull request.

## Contact

- Email: [[email protected]](mailto:[email protected])
- Project Link: [GitHub](https://github.com/furkan-dogu/E-Trade-Web-Page)