REACT UI MECHANICS
React ile AI Uygulamaların Geliştirimi — 2 (Routing & Menu)
React UI Mekaniklerinde bu blog yazi serisinde AI uygulamalarını ve ChatGPT , Gemini gibi Web ortamlarını nasıl geliştirebileceğimizi analiz edip , bu konuda örnekler geliştirip bunların mantıklarını anlatıyor olacağım .
Bu seriye ait blog yazıları;
- React ile AI Uygulamaların Geliştirimi — 1 (Örnek Uygulamaların Analizi)
Bu seride amacım OpenAI ChatGPT’sine benzer bir arayüz ile Chat GPT’nin SDK’sını kullanarak benzer bir uygulama yapmaya çalışacağım.
Bu serideki önemli bir motivasyonumda bu uygulamayı EnterpriseReact ve LearnReactUI.dev platformları üzerine inşaa ederek, bu platformların nasıl kullanılacağını anlatmak olacak.
Öncelikle hızlıca uygulmayı geliştirerek kısa görseller ile ne yaptığımı özet olarak anlatacağım.
Öncelikle AIChat KnowledgeMap (Bilgi Haritasını Oluşturdum). İlerlemeyi ve geliştirmeleri bu linkten takip edebilirsiniz.
Şimdilik basit düşünüyorum. Bir sayfa ve bunun sunucu ile iletişimini oluşturmam gerekiyor. Bunun için KnowledgeMap 2 düğüm ekledim.
Düğümlerinden AIChat Page ile başlıyorum. Önce bir tane boş sayfa eklemeliyim. Burada önemli olan Router üzerinden bu boş sayfaya erişebilir olmanız. /aichat-page url’indan bu boş sayfaya erişebiliyorsunuz.
2nci olarak EnterpriseReact içerisinde çok fazla örnek olduğu için bunu Menu yapısında üstlere eklemem gerekiyor.
https://onurdayibasi.dev/ai-apps linki altına bir tane daha AI Chat düğmesi ekliyorum. Aynı zamanda bu sayfayı uygulamanın Menu sistemine entegre ediyorum.
Artık uygulamaya SignUp sayfasından giderseniz.
Şimdilik Routing kısmını yaptık. Bundan sonraki aşamada Server Sync kısmı yani Sunucu kısmını yapmaya odaklanacağım.
Okumaya Devam Et 😃
Bu yazının devamı veya yazı grubundaki diğer yazılara erişmek için bu linke tıklayabilirsiniz.
