Bu proje, React (frontend) ve Node.js/Express (backend) kullanılarak oluşturulmuş basit bir kimlik doğrulama uygulamasıdır. Kullanıcılar, projeye kayıt olabilir, giriş yapabilir, profil bilgilerini güncelleyebilir ve çıkış yapabilirler.
- Kullanıcı Kaydı: Kullanıcılar, ad, e-posta ve şifre ile yeni bir hesap oluşturabilirler.
- Kullanıcı Girişi: Kullanıcılar, e-posta ve şifre ile giriş yapabilirler.
- JWT ile Kimlik Doğrulama: Giriş yaptıktan sonra, kullanıcılar JSON Web Token (JWT) kullanılarak kimlik doğrulaması yapılır.
- Profil Yönetimi: Kullanıcılar, profil bilgilerini (ad, bio, konum) güncelleyebilirler.
- Korumalı Rotalar: Belirli rotalar yalnızca kimliği doğrulanmış kullanıcılar tarafından erişilebil
- Çıkış Yapma: Kullanıcılar hesaplarından çıkış yapabilirler.
Frontend: React
Backend: Node.js, Express.js, MongoDB (Mongoose)
Kimlik Doğrulama: JSON Web Token (JWT)
Stil: Material-UI
Gereksinimler:
-
Bilgisayarınızda kurulu Node.js ve npm olmalıdır.
-
MongoDB veritabanı (Bulut tabanlı bir veritabanı için MongoDB Atlas kullanabilirsiniz).
Projeyi klonlayın
git clone https://github.com/kullaniciadi/auth-project.git
cd auth-project
Backend Kurulumu:
- Backend dizinine gidin:
cd auth-backend
- Gerekli bağımlılıkları yükleyin:
npm install
- "auth-backend" dizininde bir ".env" dosyası oluşturun ve MongoDB URI ve JWT sırrınızı ekleyin:
MONGO_URI=sizin_mongodb_baglanti_stringiniz
JWT_SECRET=sizin_jwt_sirriniz
- Backend sunucusunu başlatın:
npm start
Backend sunucusu http://localhost:5000 üzerinde çalışıyor olacak.
Frontend Kurulumu:
- Frontend dizinine gidin:
cd ../auth-frontend
- Gerekli bağımlılıkları yükleyin:
npm install
- Frontend sunucusunu başlatın:
npm start
Frontend sunucusu http://localhost:3000 üzerinde çalışıyor olacak.
- Kayıt Ol: http://localhost:3000 adresine giderek yeni bir hesap oluşturun.
- Giriş Yap: Kayıtlı e-posta ve şifrenizi kullanarak giriş yapın
- Profil Yönetimi: Giriş yaptıktan sonra, profil sayfanıza yönlendirileceksiniz. Burada bio ve konum bilgilerinizi güncelleyebilirsiniz.
- Çıkış Yap: Navbar'daki çıkış yap butonunu kullanarak hesabınızdan çıkış yapabilirsiniz.