https://github.com/fatihycan/shopping-app
https://github.com/fatihycan/shopping-app
async-await bootstrap css3 dom-manipulation error-handling event-handling fetch-api html5 javascript local-storage netlify responsive-design rest-api sass toastify vite webpack
Last synced: about 1 month ago
JSON representation
- Host: GitHub
- URL: https://github.com/fatihycan/shopping-app
- Owner: FatihYcan
- Created: 2024-08-16T11:12:20.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2024-08-16T11:55:19.000Z (9 months ago)
- Last Synced: 2025-02-11T17:56:22.287Z (3 months ago)
- Topics: async-await, bootstrap, css3, dom-manipulation, error-handling, event-handling, fetch-api, html5, javascript, local-storage, netlify, responsive-design, rest-api, sass, toastify, vite, webpack
- Language: JavaScript
- Homepage: https://fy-shop-app.netlify.app/
- Size: 186 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Shopping App
This project includes a basic shopping application. Users can view products, add products to their carts and review product details in the modal window. The project was developed using modern web technologies and styles were created with Sass.
## Features
- List and view products
- Filter by categories
- Ability to search
- Adding and removing products to the cart
- Cart content and total price calculation
- View product details in the modal window
## Technologies
- HTML5
- CSS3
- Sass
- JavaScript
- Bootstrap
- Fetch API
- Toastify
- Vite
- [Products API](https://anthonyfs.pythonanywhere.com/api/products/)
# Alışveriş Uygulaması
Bu proje, temel bir alışveriş uygulamasını içerir. Kullanıcılar ürünleri görüntüleyebilir, sepetlerine ürün ekleyebilir ve ürün detaylarını modal penceresinde inceleyebilirler. Proje, modern web teknolojileri kullanılarak geliştirilmiştir ve Sass ile stiller oluşturulmuştur.
## Özellikler
- Ürünleri listeleme ve görüntüleme
- Kategorilere göre filtreleme
- Arama yapabilme
- Sepete ürün ekleme ve çıkarma
- Sepet içeriği ve toplam fiyat hesaplama
- Ürün detaylarını modal penceresinde görüntüleme
## Teknolojiler
- HTML5
- CSS3
- Sass
- JavaScript
- Bootstrap
- Fetch API
- Toastify
- Vite
- [Products API](https://anthonyfs.pythonanywhere.com/api/products/)
https://github.com/user-attachments/assets/1de39613-0910-48aa-a30f-96c81b9f4667
[Live](https://fy-shop-app.netlify.app/)