jory
4f2fd37e29
exiting fullscreen Added package-lock file so running code does not contain any vulnerabilities anymore Snake game also dynamically changes sized when fullscreen just like the other games do Invert glow effect colour on Snake as it had broken logic
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.