raikou.me

🌐 English | Türkçe

English

Overview

Personal portfolio website built with Next.js, featuring real-time Discord status integration, modern UI components, and a responsive design.

Features

• 🎮 Live Discord Status
  • Real-time presence updates
  • Current activity display (games, music, etc.)
  • Spotify integration with album art
  • Discord badges and Nitro status
  • Animated GIF avatar support
• 🎨 Modern Design
  • Dark/Light mode support
  • Glassmorphism effects
  • Smooth animations
  • Responsive layout
• 🛠 Technical Features
  • Built with Next.js 15
  • TypeScript support
  • Tailwind CSS for styling
  • Framer Motion animations
  • Real-time data fetching

Getting Started

1. Clone the repository:

git clone https://github.com/devraikou/raikou.me.git

2. Install dependencies:

npm install

3. Create a .env.local file and add your configuration:

NEXT_PUBLIC_DISCORD_ID=your_discord_id

4. Run the development server:

npm run dev

5. Open http://localhost:3000 in your browser.

Technologies Used

• Next.js 15
• TypeScript
• Tailwind CSS
• Framer Motion
• Lanyard API (Discord status)

---

Türkçe

Genel Bakış

Next.js ile geliştirilmiş, gerçek zamanlı Discord durumu entegrasyonu, modern UI bileşenleri ve responsive tasarım özelliklerine sahip kişisel portfolyo sitesi.

Özellikler

• 🎮 Canlı Discord Durumu
  • Gerçek zamanlı durum güncellemeleri
  • Mevcut aktivite gösterimi (oyunlar, müzik vb.)
  • Spotify entegrasyonu ve albüm kapağı
  • Discord rozetleri ve Nitro durumu
  • Hareketli GIF avatar desteği
• 🎨 Modern Tasarım
  • Karanlık/Aydınlık mod desteği
  • Cam efektleri (Glassmorphism)
  • Akıcı animasyonlar
  • Responsive tasarım
• 🛠 Teknik Özellikler
  • Next.js 15 ile geliştirildi
  • TypeScript desteği
  • Tailwind CSS ile stillendirme
  • Framer Motion animasyonları
  • Gerçek zamanlı veri çekme

Başlangıç

1. Projeyi klonlayın:

git clone https://github.com/devraikou/raikou.me.git

2. Bağımlılıkları yükleyin:

npm install

3. .env.local dosyası oluşturun ve yapılandırmanızı ekleyin:

NEXT_PUBLIC_DISCORD_ID=discord_id_niz

4. Geliştirme sunucusunu başlatın:

npm run dev

5. Tarayıcınızda http://localhost:3000 adresini açın.

Kullanılan Teknolojiler

• Next.js 15
• TypeScript
• Tailwind CSS
• Framer Motion
• Lanyard API (Discord durumu)

License

MIT License - See LICENSE for details.