https://github.com/furkancan07/e-commerce-fe

https://github.com/furkancan07/e-commerce-fe

bootstrap css html javascript material-ui react-router-dom reactjs redux-react redux-toolkit

Last synced: about 2 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/furkancan07/e-commerce-fe
• Owner: furkancan07
• Created: 2023-08-21T17:04:23.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-10-02T18:29:30.000Z (over 1 year ago)
• Last Synced: 2024-08-01T12:17:43.042Z (9 months ago)
• Topics: bootstrap, css, html, javascript, material-ui, react-router-dom, reactjs, redux-react, redux-toolkit
• Language: JavaScript
• Homepage: https://rf-ecommerce.vercel.app
• Size: 854 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        

# E ticaret uygulaması

Backend tarafında spring boot frontend tarafında react kullanılarak yapılmış

basit bir e ticaret uygulaması

## Özellikler

#### Kullanıcı İçin

- Ürün arama

- Kategoriye göre ürün listeleme

- Beğenme,Sepete ekleme ve bu ürünleri  listeleme

- Ürüne Yorum Atma

- Giriş yapma,kayıt olma işlemleri

- ürünü sipariş edince ürünün durumu hakkında

  mail alma

#### Admin İçin

- ürün ekleme

- ürün silme

- ürün düzenleme

## Backend Tarafı

[backend](https://github.com/furkancan2107/springboot-e-commerce) kodları için tıkla.

  

## API Kullanımı

Backend tarafında daha detaylı gösterildi ama örnek kullanım için

[server](https://github.com/furkancan2107/e-commerce-fe/blob/main/src/api/server.jsx) kısmına bakabilirsiniz 

## Sitenin Linki

[Siteyi](https://rf-ecommerce.vercel.app) canlı görmek için tıkla. 

 

 !!!!BACKEND TARAFINI YAYINLADIĞIM SİTENİN DENEME SÜRÜMÜ BİTTİĞİ İÇİN SİTE ÇALIŞMIYOR!!!!

## Video

[Video](https://www.youtube.com/watch?v=Oip3QkVyclE&list=PLoFXp7qbir3fKTMj84uEk7S9nk1A3g6NK)

## İletişim

İletişim için [email protected] adresine e-posta gönderin 

  

## Kullanılan Teknolojiler

**Frontend:** React, Redux, Vite, MaterialUI,Axios,Router

**Backend:** Spring Boot

**DataBase** MySql

**Yayınlama** Vercel,Railway

  

## Bilgisayarınızda Çalıştırın

Projeyi klonlayın

```bash

  git clone https://github.com/furkancan2107/e-commerce-fe

```

Proje dizinine gidin

```bash

  cd e-commerce

```

Gerekli paketleri yükleyin

```bash

  npm install @mui/material @emotion/react @emotion/styled @mui/icons-material @mui/material @emotion/styled @emotion/react

  react-router-dom @reduxjs/toolkit redux axios

```

Sunucuyu çalıştırın

```bash

  npm run dev

```

  

## Ekran Görüntüleri

#### ANASAYFA

![](https://github.com/furkancan2107/e-commerce-fe/blob/main/screenshot/anasayfa.png?raw=true)

#### Ürün Detay Sayfası

![](https://github.com/furkancan2107/e-commerce-fe/blob/main/screenshot/ürün%20detay.png)

#### Yorumlar

![](https://github.com/furkancan2107/e-commerce-fe/blob/main/screenshot/yorumlar.png)

#### Kullanıcının Beğendiği Ürünler

![](https://github.com/furkancan2107/e-commerce-fe/blob/main/screenshot/beğeni%20listesi.png)

#### Sepetim

![](https://github.com/furkancan2107/e-commerce-fe/blob/main/screenshot/sepetim.png)

#### Admin Ürün Ekle

![](https://github.com/furkancan2107/e-commerce-fe/blob/main/screenshot/Ürün%20ekleme%20sayfası.png)

#### Admine ait ürünler

![](https://github.com/furkancan2107/e-commerce-fe/blob/main/screenshot/admine%20ait%20ürünler.png)

#### Kullanıcı girişi

![](https://github.com/furkancan2107/e-commerce-fe/blob/main/screenshot/kullanıcı%20girişi.png)

#### Admin giriş

![](https://github.com/furkancan2107/e-commerce-fe/blob/main/screenshot/admin%20giriş.png)