README
fullstack-ai-chat
fullstack-ai-chat
🤖 Full Stack + AI Chat – Duygu Analizi Projesi
🎯 Proje Özeti
Bu proje, kullanıcıların mesajlaşabildiği ve yazışmaların AI (Yapay Zeka) tarafından analiz edilerek duygu durumunun (pozitif, nötr, negatif) anında gösterildiği tam yığın (Full Stack) bir sohbet uygulamasıdır. Proje web (React), mobil (React Native CLI), backend (.NET Core) ve AI servisini (Python + Gradio) uçtan uca entegre eder.
⚙️ Teknolojiler
| Katman | Teknoloji | Hosting Servisi |
|---|---|---|
| Frontend (Web) | React | Vercel |
| Backend (API) | .NET Core + SQLite | Render |
| AI Servisi | Python + Gradio | Hugging Face Spaces |
| Mobil | React Native CLI | Xcode iOS Simülatör / Android Build |
🧩 Klasör Yapısı
/frontend → React web uygulaması (Vercel'e deploy edildi) /backend → .NET Core Web API (Render'da canlı) /ai-service → Python Gradio AI servisi (Hugging Face Spaces'ta canlı)
🌐 Canlı Demo Linkleri
-
💻 Web (React + Vercel):
👉 https://fullstack-ai-chat-six.vercel.app -
⚙️ Backend (Render .NET API):
👉 https://sentimentchatapi.onrender.com/api/messages -
🤖 AI Servisi (Hugging Face Spaces):
👉 https://edanurunal-sentiment-analysis.hf.space
💬 Kullanım Adımları
- Web veya mobil arayüzde mesajınızı yazın.
- Mesaj API üzerinden AI servisine gönderilir.
- AI, mesajı analiz eder ve sonucu “Pozitif 😊”, “Nötr 🙂” veya “Negatif 😞” olarak döndürür.
- Sonuç, anında kullanıcı arayüzünde görünür.
Frontend (React Native)
cd frontend npx react-native run-ios
Backend (C# API)
cd backend/SentimentApi dotnet run --urls "http://0.0.0.0:5252"
📱 Mobil Görünüm (React Native CLI)
Uygulama iOS simülatöründe test edilmiştir. Android cihazlar için npx react-native run-android ile build alınabilir.
Örnek ekran görüntüsü
📷 Yukarıdaki ekran görüntüsü iOS simülatöründen alınmıştır. Kullanıcı mesaj yazdığında AI tarafından analiz edilir ve sonuç anında görüntülenir.
🧠 Öğrenilenler
- React, .NET Core ve Python AI servislerinin entegrasyonu
- API çağrıları, HTTP istekleri, JSON veri işleme
- Ücretsiz servislerde (Render, Hugging Face, Vercel) uçtan uca deploy işlemi
- React Native ile mobil uyumlu arayüz geliştirme
🧑💻 Katkıda Bulunanlar
- Eda Nur Ünal — Full Stack Developer 📧 edanurunal562@gmail.com 🌐 GitHub: itsedanur
📜 Lisans
Bu proje MIT lisansı ile paylaşılmıştır. Dilediğiniz gibi inceleyebilir, referans göstermek koşuluyla geliştirmelerde kullanabilirsiniz.
Similar repos
README
fullstack-ai-chat
fullstack-ai-chat
🤖 Full Stack + AI Chat – Duygu Analizi Projesi
🎯 Proje Özeti
Bu proje, kullanıcıların mesajlaşabildiği ve yazışmaların AI (Yapay Zeka) tarafından analiz edilerek duygu durumunun (pozitif, nötr, negatif) anında gösterildiği tam yığın (Full Stack) bir sohbet uygulamasıdır. Proje web (React), mobil (React Native CLI), backend (.NET Core) ve AI servisini (Python + Gradio) uçtan uca entegre eder.
⚙️ Teknolojiler
| Katman | Teknoloji | Hosting Servisi |
|---|---|---|
| Frontend (Web) | React | Vercel |
| Backend (API) | .NET Core + SQLite | Render |
| AI Servisi | Python + Gradio | Hugging Face Spaces |
| Mobil | React Native CLI | Xcode iOS Simülatör / Android Build |
🧩 Klasör Yapısı
/frontend → React web uygulaması (Vercel'e deploy edildi) /backend → .NET Core Web API (Render'da canlı) /ai-service → Python Gradio AI servisi (Hugging Face Spaces'ta canlı)
🌐 Canlı Demo Linkleri
-
💻 Web (React + Vercel):
👉 https://fullstack-ai-chat-six.vercel.app -
⚙️ Backend (Render .NET API):
👉 https://sentimentchatapi.onrender.com/api/messages -
🤖 AI Servisi (Hugging Face Spaces):
👉 https://edanurunal-sentiment-analysis.hf.space
💬 Kullanım Adımları
- Web veya mobil arayüzde mesajınızı yazın.
- Mesaj API üzerinden AI servisine gönderilir.
- AI, mesajı analiz eder ve sonucu “Pozitif 😊”, “Nötr 🙂” veya “Negatif 😞” olarak döndürür.
- Sonuç, anında kullanıcı arayüzünde görünür.
Frontend (React Native)
cd frontend npx react-native run-ios
Backend (C# API)
cd backend/SentimentApi dotnet run --urls "http://0.0.0.0:5252"
📱 Mobil Görünüm (React Native CLI)
Uygulama iOS simülatöründe test edilmiştir. Android cihazlar için npx react-native run-android ile build alınabilir.
Örnek ekran görüntüsü
📷 Yukarıdaki ekran görüntüsü iOS simülatöründen alınmıştır. Kullanıcı mesaj yazdığında AI tarafından analiz edilir ve sonuç anında görüntülenir.
🧠 Öğrenilenler
- React, .NET Core ve Python AI servislerinin entegrasyonu
- API çağrıları, HTTP istekleri, JSON veri işleme
- Ücretsiz servislerde (Render, Hugging Face, Vercel) uçtan uca deploy işlemi
- React Native ile mobil uyumlu arayüz geliştirme
🧑💻 Katkıda Bulunanlar
- Eda Nur Ünal — Full Stack Developer 📧 edanurunal562@gmail.com 🌐 GitHub: itsedanur
📜 Lisans
Bu proje MIT lisansı ile paylaşılmıştır. Dilediğiniz gibi inceleyebilir, referans göstermek koşuluyla geliştirmelerde kullanabilirsiniz.