gpt-engineer-app[bot]
30741d1490
- AIChat: switch non-user message bg to muted; ensure loading indicator uses muted bg - Breakout: slow paddle/body speed for single/multiplayer; adjust fullscreen sizing logic - Pacman/Snake/Tetromino color behavior: align P2 coloring to secondary theme; enlarge fullscreen game canvases - Pacman 2P: invert Pacman2 color to secondary; adjust scoreboard visuals accordingly - Breakout fullscreen canvases now fill screen correctly in 1P/2P modes X-Lovable-Edit-ID: edt-81d11f66-89cd-4fdc-b76d-cca9bff1ac10
Personal Website
Project Overview
This is my personal website, a Matrix-themed, cyberpunk-inspired digital space built with React and TypeScript. It serves as a showcase for my projects and personality, blending hardware tinkering, self-hosting enthusiasm, and a love for code and audio into a unique retro hacker aesthetic.
Features
- Immersive Visuals: Matrix rain background, CRT scanlines, flicker effects, and glitch text.
- Interactive Terminal: A command-line interface for navigation and interaction, including shortcuts like
/home,/about,/ai. - AI Chat: Integrated AI assistant powered by Pollinations.ai with conversation history.
- Radio Music Player: Browse, search, and play radio stations from around the world, or add custom stream URLs. Features a persistent mini-player.
- Arcade Games: Play classic arcade games like Tetris, Pac-Man, Snake, and Breakout, with local high score saving.
- Dynamic Content: About page with personal introduction, skills, interests, and an ASCII art portrait.
- Project Showcase: Detailed pages for various hardware and software projects
- Customization: Red/Green theme toggle with persistence, toggleable sound effects.
- Hidden Gems: Includes a hidden easter egg
- Responsive Design: Optimized for various screen sizes.
Technologies Used
This project is built with:
- Vite
- TypeScript
- React
- Tailwind CSS
- Framer Motion
- shadcn-ui
- Web Audio API
- Pollinations.ai (for AI Chat)
- Radio Browser API (for Music Player)
How to Run Locally
To get a local copy up and running, follow these steps:
The only requirement is having Node.js & npm installed - install with nvm
# Step 1: Clone the repository using the project's Git URL.
git clone <YOUR_GIT_URL>
# Step 2: Navigate to the project directory.
cd <YOUR_PROJECT_NAME>
# Step 3: Install the necessary dependencies.
npm i
# Step 4: Start the development server with auto-reloading and an instant preview.
npm run dev
Contact & Links
For contact information and links to my social profiles and self-hosted services, please visit the /links page on the website.
Credits
This project utilizes various open-source libraries, fonts, and tools. A full list of credits can be found on the /credits page of the website.