https://github.com/devraikou/raikou.me
Personal portfolio website built with Next.js, featuring real-time Discord status integration, modern UI components, and a responsive design.
https://github.com/devraikou/raikou.me
create-next-app developer-portfolio nextapp nextjs portfolio portfolio-website
Last synced: 15 days ago
JSON representation
Personal portfolio website built with Next.js, featuring real-time Discord status integration, modern UI components, and a responsive design.
- Host: GitHub
- URL: https://github.com/devraikou/raikou.me
- Owner: devRaikou
- License: mit
- Created: 2025-04-06T15:10:51.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-04-06T15:15:51.000Z (about 1 year ago)
- Last Synced: 2025-06-20T13:52:21.710Z (10 months ago)
- Topics: create-next-app, developer-portfolio, nextapp, nextjs, portfolio, portfolio-website
- Language: TypeScript
- Homepage: https://raikou.me/
- Size: 224 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# raikou.me
🌐 [English](#english) | [Türkçe](#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:
```bash
git clone https://github.com/devraikou/raikou.me.git
```
2. Install dependencies:
```bash
npm install
```
3. Create a `.env.local` file and add your configuration:
```env
NEXT_PUBLIC_DISCORD_ID=your_discord_id
```
4. Run the development server:
```bash
npm run dev
```
5. Open [http://localhost:3000](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:
```bash
git clone https://github.com/devraikou/raikou.me.git
```
2. Bağımlılıkları yükleyin:
```bash
npm install
```
3. `.env.local` dosyası oluşturun ve yapılandırmanızı ekleyin:
```env
NEXT_PUBLIC_DISCORD_ID=discord_id_niz
```
4. Geliştirme sunucusunu başlatın:
```bash
npm run dev
```
5. Tarayıcınızda [http://localhost:3000](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](LICENSE) for details.