https://github.com/fatihycan/purchasing-products-list

https://github.com/fatihycan/purchasing-products-list

bootstrap css3 html5 javascript react react-bootstrap react-icons responsive-design state-management useeffect-hook usestate-hook

Last synced: about 5 hours ago
JSON representation

• Host: GitHub
• URL: https://github.com/fatihycan/purchasing-products-list
• Owner: FatihYcan
• Created: 2023-12-14T22:32:19.000Z (11 months ago)
• Default Branch: main
• Last Pushed: 2024-08-27T13:47:23.000Z (3 months ago)
• Last Synced: 2024-08-28T12:14:43.070Z (3 months ago)
• Topics: bootstrap, css3, html5, javascript, react, react-bootstrap, react-icons, responsive-design, state-management, useeffect-hook, usestate-hook
• Language: JavaScript
• Homepage: https://fy-product-list-app.netlify.app/
• Size: 237 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Product List App

This project is a simple React application that lists and allows you to manage products. Users can view products, search, add them to their carts and track their spending.

## Features

- **Product List Display:** The app shows users which products are available by listing the available products.

- **Product Search:** Users can find specific products using the product search box.

- **Adding and Removing Products to the Cart:** Users can add products to the cart and remove products from the cart.

- **Budget Tracking:** Users can track their expenses and check their current budget.

- **Resetting Cart:** Users can reset all products in the cart.

## Technologies

- HTML5

- CSS3

- SCSS

- React

- JavaScript

- Bootstrap

- React Icons

# Product List App

Bu proje, ürünleri listeleyen ve yönetmenizi sağlayan basit bir React uygulamasıdır. Kullanıcılar ürünleri görüntüleyebilir, arama yapabilir, sepetlerine ekleyebilir ve harcamalarını takip edebilirler.

## Özellikler

- **Ürün Listesi Görüntüleme:** Uygulama, mevcut ürünleri listeleyerek kullanıcılara hangi ürünlerin mevcut olduğunu gösterir.

- **Ürün Arama:** Kullanıcılar, ürün arama kutusunu kullanarak belirli ürünleri bulabilirler.

- **Sepete Ürün Ekleme ve Çıkarma:** Kullanıcılar, ürünleri sepete ekleyebilir ve sepetteki ürünleri çıkarabilirler.

- **Bütçe Takibi:** Kullanıcılar, harcamalarını takip edebilir ve mevcut bütçelerini kontrol edebilirler.

- **Sepeti Sıfırlama:** Kullanıcılar, sepetteki tüm ürünleri sıfırlayabilirler.

## Teknolojiler

- HTML5

- CSS3

- SCSS

- React

- JavaScript

- Bootstrap

- React Icons

https://github.com/user-attachments/assets/e9ca15f1-c495-49d8-a801-3c4adf57c9d8

[Live](https://fy-product-list-app.netlify.app/)