t7sen | Cyber Developer Portfolio

Software Architect and Developer specializing in high-performance web applications, scalable systems, and immersive digital experiences.

This portfolio is a showcase of "Cyberpunk" aesthetics combined with modern web performance practices. It features complex GSAP animations, real-time data integrations, and a fully interactive terminal game.

🚀 Key Features

• Immersive UI: Custom magnetic cursors, GSAP entrance animations, and sound effects (SFX) via a global SoundProvider.
• Real-time Presence: Live Discord status and Spotify activity tracking using Lanyard WebSocket integration.
• Guestbook: Persistent digital ledger powered by Upstash Redis.
• Command Palette: Fully accessible cmd+k menu for navigation and hidden features.
• Easter Eggs: Unlock the "Terminal Snake" game via the Command Menu or the Konami Code (↑↑↓↓←→←→BA).
• Observability: Integrated Sentry for performance monitoring and error tracking.

🛠️ Tech Stack

• Framework: Next.js 16 (App Router)
• Language: TypeScript
• Styling: Tailwind CSS v4 & Shadcn UI
• Animation: GSAP & React Spring
• Database: Upstash Redis
• Testing: Playwright (E2E)
• Deployment: DigitalOcean App Platform

⚡ Getting Started

1. Clone the repository:

   git clone [https://github.com/t7sen/portfolio.git](https://github.com/t7sen/portfolio.git)
   cd portfolio

2. Install dependencies:

   npm install

3. Set up Environment Variables: Create a .env.local file in the root directory:

   # Database (Upstash Redis)
   UPSTASH_REDIS_REST_URL=your_url_here
   UPSTASH_REDIS_REST_TOKEN=your_token_here
   
   # Email (Resend)
   RESEND_API_KEY=your_key_here
   
   # Monitoring (Sentry)
   SENTRY_AUTH_TOKEN=your_token_here
   NEXT_PUBLIC_SENTRY_DSN=your_dsn_here

4. Run the development server:

   npm run dev

🧪 Testing

This project uses Playwright for End-to-End (E2E) testing and Axe-core for accessibility compliance.

# Run all E2E tests
npm run test:e2e

# Run tests with UI Mode
npm run test:e2e:ui