https://github.com/mevlutayilmaz/social-platform-ui

axios axios-react frontend javascript react scss social-media social-platform

Last synced: 3 months ago
JSON representation

Host: GitHub
URL: https://github.com/mevlutayilmaz/social-platform-ui
Owner: mevlutayilmaz
Created: 2025-01-06T16:28:29.000Z (5 months ago)
Default Branch: main
Last Pushed: 2025-01-12T10:43:18.000Z (5 months ago)
Last Synced: 2025-01-19T22:42:37.339Z (5 months ago)
Topics: axios, axios-react, frontend, javascript, react, scss, social-media, social-platform
Language: JavaScript
Homepage:
Size: 639 KB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

# Social Platform UI

SoMedia, kullanıcıların sosyal medya etkileşimlerini kolay ve etkili bir şekilde gerçekleştirebileceği bir platformdur. Kullanıcı dostu bir arayüz sunarak, kullanıcıların paylaşım yapabilmesini, hikaye paylaşabilmesini, beğeniler ve yorumlar yapabilmesini. Proje, React kütüphanesi ile geliştirilmiştir. Kimlik doğrulama ve yetkilendirme işlemleri için JWT (JSON Web Token) kullanılır ve arka uçta [.NET Social Platform API](https://github.com/mevlutayilmaz/social-platform-api) ile entegre çalışır.

https://github.com/user-attachments/assets/27219fde-dc18-4eeb-b920-f93798fcab8e

## Özellikler

- **1. Kullanıcı Yönetimi**
- Kullanıcılar kayıt olabilir ve giriş yapabilir.
- Kullanıcılar profillerini görüntüleyebilir ve düzenleyebilir.
- **2. Post Paylaşımı ve Etkileşimler:**
- Kullanıcılar post paylaşabilir, resim ekleyebilir.
- Postlara yorum yapılabilir ve beğeni bırakılabilir.
- Beğenilen ve yorum yapılan postlar anlık olarak güncellenir.
- **3. Story (Hikaye) Paylaşımı**
- Kullanıcılar kısa süreli hikaye paylaşabilir.
- Hikayeler ana sayfada kullanıcı avatarlarının üzerinde görüntülenir.
- **4. Takip ve Takipçi Yönetimi**
- Kullanıcılar diğer kullanıcıları takip edebilir.
- Takip edilen kullanıcıların gönderileri anasayfada görüntülenir.

## Teknolojiler

- **React:** JavaScript kütüphanesi
- **SCSS:** CSS framework
- **Axios:** HTTP istekleri için
- **JWT (JSON Web Token):** Kimlik doğrulama ve yetkilendirme
- **.NET E-Ticaret API'si:** Backend API

## Kurulum

1. **Projeyi klonlayın:**
```bash
git clone https://github.com/mevlutayilmaz/social-platform-ui.git
```

2. **Proje dizinine gidin:**
```bash
git social-platform-ui
```

3. **Gerekli bağımlılıkları yükleyin:**
```bash
npm install
```

3. **Projeyi çalıştırın:**
```bash
npm start
```

## Ekran Görüntüleri