React Guide

Description

React Guide is a mobile education app built with Expo and React Native that creates a learning roadmap based on the user's profile. It brings together Supabase authentication, persistent sessions, local progress tracking, an interactive code runner and a Groq API-powered React assistant.

Highlights

• Email/password registration, login, session refresh and secure logout with Supabase Auth.
• Dynamic roadmap generation based on React level and target app type.
• Profile-based completion state and progress percentage tracking with AsyncStorage.
• In-app code editor and Turkish AI learning assistant powered by Groq API.

What I learned

I practiced modular React Native screen architecture, Supabase auth flows, local storage, external API integration and preparing a mobile app for release. Currently in closed testing on Google Play. Public release pending.

Açıklama

React Rehberi, Expo ve React Native ile geliştirilmiş; kullanıcı profiline göre öğrenme yol haritası oluşturan mobil bir eğitim uygulamasıdır. Supabase tabanlı kimlik doğrulama, oturum kalıcılığı, yerel ilerleme kaydı, etkileşimli kod çalıştırma alanı ve Groq API destekli React asistanı modüllerini bir araya getirir.

Öne çıkanlar

• Supabase Auth ile e-posta/şifre tabanlı kayıt, giriş, oturum yenileme ve güvenli çıkış akışı.
• Kullanıcının React seviyesi ve hedef uygulama türüne göre dinamik roadmap üretimi.
• AsyncStorage ile profil bazlı tamamlanma durumu ve ilerleme yüzdesi takibi.
• Kod editörü ve Groq API entegrasyonu ile Türkçe cevap veren AI öğrenme asistanı.

Ne öğrendim

React Native'de modüler ekran yapısı kurma, Supabase ile auth akışı yönetme, yerel veri saklama, harici API entegrasyonu ve mobil uygulamayı yayın sürecine hazırlama konularında pratik deneyim kazandım. Google Play kapalı test sürecinde. Herkese açık yayın bekleniyor.