Logo

Haydarpaşa Lisesi Web Sitesi

Bu projenin amacı Haydarpaşa Lisesi'nin öğrenecilerinin yeni olaylardan ve etkinliklerden haberdar olmasını sağlamak. Haydarpaşa Lisesi'ni seçmeyi düşünen öğrencilere okulu tanıtmak.

Kullanılan Teknolojiler

İstemci: Next.js, React, TailwindCSS, Framer-Motion, Next-Auth,

Sunucu: Prisma, Next.js, Next-Auth

Özellikler

  • Fullstack
  • Dashboard
  • Prisma
  • Authentication
  • Typescript

Çıkarılan Dersler

Typescript, Prisma, Next-Auth, Framer-Motion, Chart.js kullanmayı öğrendim. React ve Next.js bilgimi geliştirdim. Ayrıca tasarım bilgimi geliştirdim. Responsive layoutlar oluşturdum. TailwindCSS'i özelleştirmeyi ve proje deploy etmeyi öğrendim.

Proje Linki

Renk Referansı

Renk Hex
primary-1 #990A0F #990A0F
primary-2 #FFF4EF #FFF4EF
primary-3 #ba0d13 #ba0d13
primary-4 #BB8378 #BB8378
primary-5 #70070c #70070c
primary-6 #FF8198 #FF8198
primary-7 #FFB7C5 #FFB7C5

Ortam Değişkenleri

Bu projeyi çalıştırmak için aşağıdaki ortam değişkenlerini .env dosyanıza eklemeniz gerekecek

DATABASE_URL

NEXTAUTH_URL

DEPLOY_URL

SECRET_TOKEN

NEXTAUTH_SECRET

Bilgisayarınızda Çalıştırın

Projeyi klonlayın

  git clone https://github.com/dukeofsoftware/next-haydarpasa-v2

Proje dizinine gidin

  cd next-haydarpasa-v2

Gerekli paketleri yükleyin

  npm install

Sunucuyu çalıştırın

  npm run dev

Optimizasyon

  • Performans iyileştirmeleri yapmaya ve optimize etmeye çalıştım.

Geri Bildirim

Herhangi bir geri bildiriminiz varsa, lütfen dukeofsoftware@gmail.com adresinden bana ulaşın.

Kullananlar

Bu proje aşağıdaki kurum tarafından kullanılacaktır:

  • Haydarpaşa Lisesi

Yazarlar ve Teşekkür

  • @Emre tasarım ve geliştirme için.

Lisans

MIT License