beyterburak/fullstack-ai-chat-sentiment-app

Full-stack chat app with real-time AI sentiment analysis (React, React Native, .NET Core, Python)

0

stars

10

commits

JavaScript

primary language

Oct 8, 2025

updated

fullstack-ai-chat-sentiment-app.vercel.app

README

🚀 Full-Stack AI Chat Sentiment Analyzer

FullStack + AI Stajyer Projesi - Gerçek zamanlı sohbet ve AI duygu analizi

Kullanıcıların mesajlaşabildiği, her mesajın AI tarafından pozitif/nötr/negatif analiz edildiği web + mobil uygulama.



🚀 Teknoloji Stack

  • Frontend: React 18 + Vite + Tailwind CSS → Vercel
  • Backend: .NET 8 Web API + SQLite + EF Core → Render.com
  • AI Service: Python Gradio + XLM-RoBERTa (58 dil) → HuggingFace Spaces
  • Mobile: React Native CLI (Android APK)

✨ Özellikler

  • Kullanıcı Girişi: Sadece nickname ile kayıt
  • Mesajlaşma: Gerçek zamanlı mesaj gönderme/listeleme
  • AI Duygu Analizi: Otomatik pozitif/nötr/negatif analiz
  • 58 Dil Desteği: Türkçe, İngilizce dahil çok dilli
  • Offline Support: Mobile app cache mekanizması
  • İstatistikler: Kullanıcı ve duygu bazlı raporlar

🛠️ Kurulum

Backend (.NET 8)

cd backend/ChatSentimentAPI
dotnet restore
dotnet ef database update
dotnet run
# API: https://localhost:7211/swagger

Frontend (React)

cd frontend
npm install
npm run dev
# Web: http://localhost:5173

AI Service (Python)

cd ai-service
pip install -r requirements.txt
python app.py
# Gradio: http://127.0.0.1:7860

Mobile (React Native)

cd mobile
npm install
npm run android
# APK build: npm run build:apk

🤖 AI Araçları Kullanımı

Elle Yazılan Kod ✍️

Frontend & Backend tamamına yakını elle yazıldı:

  • React components (ChatRoom, MessageList, Login)
  • .NET API controllers
  • Database context (EF Core)
  • API client (Axios)

AI ile Yazılan Kod 🤖

AI Service & Mobile kısımlarında yardım alındı:

  • Python Gradio interface (app.py)
  • React Native offline support hooks
  • Android native configuration

Kullanılan AI Araçları

| GitHub Copilot | | ChatGPT GPT-4.1 | | Claude Sonnet 4.5 | | Google Gemini 2.0 | | DeepSeek |

AI Katkısı: ~25% (AI Service + Mobile)
Elle Yazılan: ~75% (Frontend + Backend)


📅 Geliştirme Süreci

3 günlük plan:

  • Gün 1: Backend API + Database + AI model entegrasyonu
  • Gün 2: Frontend web app + Deployment (Vercel, Render, HF)
  • Gün 3: Mobile app + APK build + Documentation

Karşılaşılan Zorluklar

ZorlukÇözüm
Render cold start (50s)Frontend loading state + retry logic
HF Space slow first requestMock sentiment fallback
React Native path lengthProject path kısaltma
CORS errorsBackend AllowAll CORS policy

📚 Dosya Yapısı

fullstack-ai-chat/
├── frontend/          # React web app
├── backend/           # .NET 8 API
├── ai-service/        # Python Gradio
└── mobile/            # React Native

Detaylı dokümantasyon:


👨‍💻 Geliştirici

Burak Beyter

Contributors

beyterburak

10 commits

beyterburak/fullstack-ai-chat-sentiment-app

Full-stack chat app with real-time AI sentiment analysis (React, React Native, .NET Core, Python)

0

stars

10

commits

JavaScript

primary language

Oct 8, 2025

updated

fullstack-ai-chat-sentiment-app.vercel.app

README

🚀 Full-Stack AI Chat Sentiment Analyzer

FullStack + AI Stajyer Projesi - Gerçek zamanlı sohbet ve AI duygu analizi

Kullanıcıların mesajlaşabildiği, her mesajın AI tarafından pozitif/nötr/negatif analiz edildiği web + mobil uygulama.



🚀 Teknoloji Stack

  • Frontend: React 18 + Vite + Tailwind CSS → Vercel
  • Backend: .NET 8 Web API + SQLite + EF Core → Render.com
  • AI Service: Python Gradio + XLM-RoBERTa (58 dil) → HuggingFace Spaces
  • Mobile: React Native CLI (Android APK)

✨ Özellikler

  • Kullanıcı Girişi: Sadece nickname ile kayıt
  • Mesajlaşma: Gerçek zamanlı mesaj gönderme/listeleme
  • AI Duygu Analizi: Otomatik pozitif/nötr/negatif analiz
  • 58 Dil Desteği: Türkçe, İngilizce dahil çok dilli
  • Offline Support: Mobile app cache mekanizması
  • İstatistikler: Kullanıcı ve duygu bazlı raporlar

🛠️ Kurulum

Backend (.NET 8)

cd backend/ChatSentimentAPI
dotnet restore
dotnet ef database update
dotnet run
# API: https://localhost:7211/swagger

Frontend (React)

cd frontend
npm install
npm run dev
# Web: http://localhost:5173

AI Service (Python)

cd ai-service
pip install -r requirements.txt
python app.py
# Gradio: http://127.0.0.1:7860

Mobile (React Native)

cd mobile
npm install
npm run android
# APK build: npm run build:apk

🤖 AI Araçları Kullanımı

Elle Yazılan Kod ✍️

Frontend & Backend tamamına yakını elle yazıldı:

  • React components (ChatRoom, MessageList, Login)
  • .NET API controllers
  • Database context (EF Core)
  • API client (Axios)

AI ile Yazılan Kod 🤖

AI Service & Mobile kısımlarında yardım alındı:

  • Python Gradio interface (app.py)
  • React Native offline support hooks
  • Android native configuration

Kullanılan AI Araçları

| GitHub Copilot | | ChatGPT GPT-4.1 | | Claude Sonnet 4.5 | | Google Gemini 2.0 | | DeepSeek |

AI Katkısı: ~25% (AI Service + Mobile)
Elle Yazılan: ~75% (Frontend + Backend)


📅 Geliştirme Süreci

3 günlük plan:

  • Gün 1: Backend API + Database + AI model entegrasyonu
  • Gün 2: Frontend web app + Deployment (Vercel, Render, HF)
  • Gün 3: Mobile app + APK build + Documentation

Karşılaşılan Zorluklar

ZorlukÇözüm
Render cold start (50s)Frontend loading state + retry logic
HF Space slow first requestMock sentiment fallback
React Native path lengthProject path kısaltma
CORS errorsBackend AllowAll CORS policy

📚 Dosya Yapısı

fullstack-ai-chat/
├── frontend/          # React web app
├── backend/           # .NET 8 API
├── ai-service/        # Python Gradio
└── mobile/            # React Native

Detaylı dokümantasyon:


👨‍💻 Geliştirici

Burak Beyter

Contributors

beyterburak

10 commits

Languages

JavaScript

47.6%

C#

38.3%

Python

7.3%

Kotlin

1.7%

Ruby

1.5%

Swift

1.3%

Shell

1.3%