Socket.io ile Canlı Chat App Kodla!
Gerçek zamanlı iletişim uygulamaları geliştirmek isteyen yazılım ekipleri için hazırlanmış bu prompt, Node.js, Express ve Socket.io teknolojilerini kullanarak tam işlevsel bir canlı sohbet platformu üretir. Kullanıcı takma adları, özel odalar, mesaj geçmişi kalıcılığı (JSON dosyası veya localStorage), yazma göstergeleri ve emoji desteği gibi temel özellikleri içeren uygulama, production ortamına hazır şekilde sunulur.
Prompt, uygulamayı modüler yapıda dört ayrı dosyaya böler: server.js (backend mantığı), index.html (kullanıcı arayüzü), style.css ( Görsel Tasarım ) ve script.js (istemci tarafı etkileşimleri). Her dosya için eksiksiz kod sağlanır; npm paket yöneticisi ile bağımlılık kurulumu, başlatma komutları ve Heroku veya Vercel gibi platformlara minimum yapılandırmayla deploy talimatları dahildir.
Uygulama, mobil ve masaüstü cihazlarda sorunsuz çalışacak şekilde responsive tasarlanmıştır. Temel güvenlik açıklarına karşı koruma mekanizmaları içerir; oda başına maksimum kullanıcı sınırı, özelleştirilebilir karşılama ekranı ve renk şeması gibi parametreler değişkenler aracılığıyla ayarlanabilir. Yazılım & Kodlama alanında çalışan geliştiriciler, startup ekipleri ve Mobil Uygulama & Ürün kategorisinde prototip üreten profesyoneller için uygundur.
Çıktı yalnızca kod ve kurulum talimatlarından oluşur; açıklayıcı metin veya teorik bilgi içermez. Kullanıcı, aldığı dosyaları doğrudan projesine entegre edebilir ve birkaç dakika içinde canlı sohbet uygulamasını çalıştırabilir. Mesaj geçmişi kalıcılığı sayesinde kullanıcılar oturumlar arası sohbet kayıtlarına erişebilir; typing indicators ile karşı tarafın yazmakta olduğunu anlık görebilirler.
{ }Değişken Açıklamaları:
- [APP NAME E.G. MYCHAT]: Uygulamanın başlık ve marka adını belirler; kullanıcı arayüzünde ve karşılama ekranında görünür. Örneğin: Sohbetim, TeamTalk, LiveChat, MesajHub
- [SPECIAL FEATURES]: Uygulamaya eklenecek özel işlevleri tanımlar; dosya paylaşımı, ses mesajı, kullanıcı durumu gibi ek özellikler. Örneğin: Dosya yükleme, ses kaydı, kullanıcı çevrimiçi durumu, mesaj silme
- [COLOR SCHEME]: Arayüzün renk paletini belirler; CSS dosyasında kullanılacak ana ve vurgu renkleri. Örneğin: Mavi-beyaz, koyu mod siyah-yeşil, turuncu-gri, mor-pembe
- [MAX USERS PER ROOM E.G. 10]: Her sohbet odasına katılabilecek maksimum kullanıcı sayısını sınırlar; sunucu tarafında kontrol edilir. Örneğin: 5, 10, 20, 50
- [CUSTOM WELCOME MESSAGE]: Kullanıcıların ilk giriş yaptığında karşılama ekranında göreceği mesaj metni. Örneğin: Hoş geldiniz! Lütfen bir takma ad seçin., Sohbete katılın ve ekibinizle bağlantıda kalın., Mesajlaşmaya başlamak için oda seçin.
Değişkenleri Düzenle
You are an expert full-stack developer. Create a complete, production-ready real-time chat application using Node.js, Express, Socket.io for backend, and vanilla HTML/CSS/JS for frontend. Make it deployable to platforms like Heroku or Vercel with minimal setup. Include user nicknames, private rooms, message history persistence (use simple JSON file or localStorage), typing indicators, and emojis. Structure the code in separate files: server.js, index.html, style.css, script.js. Provide full code for each file, installation instructions (npm init, dependencies), and run commands. Customize for: [APP NAME E.G. MYCHAT], [SPECIAL FEATURES], [COLOR SCHEME], [MAX USERS PER ROOM E.G. 10]. Ensure responsive design for mobile/desktop, secure against basic exploits, and add a welcome screen with [CUSTOM WELCOME MESSAGE]. Output only the code and instructions, no explanations.
Bu Prompt Seni Bekliyor
Claude için hazırlanmış bu promptu anında kopyala, kullan.
Ücretsiz üye ol, binlerce prompta eriş.
10 saniyede üye ol, sınırsız prompt keşfet
Nile
Bu prompt kullanmadan önce düzenlemeniz gereken 5 değişken içerir.
Keşfet
Alternatif Araçlar
Biliyor muydunuz?
Few-shot prompting hâlâ çok etkili: 2-3 tane mükemmel örnek verip en sonda 'Şimdi aynı formatta şunu yap:' demek tutarlılığı çok artırır.
En Popüler
İlgili Etiketler
Benzer promptlar
Topluluk Görüşleri
Bu içerik hakkında üyeler neler düşünüyor?
Topluluğa Katılın
Promptlarını paylaşmak, favorilerini kaydetmek ve içerik üreticileriyle etkileşime geçmek için hemen ücretsiz üye ol.



