Personal Projects
Learn more about this project!
A modern, responsive portfolio website built with Next.js 14 and the app router for optimal performance and SEO. Leverages TypeScript for type safety, TailwindCSS for utility-first styling, and Material UI components for consistent design patterns. Features server-side rendering, dynamic routing, optimized images with Next.js Image component, and responsive design that adapts seamlessly across devices. The architecture emphasizes component reusability and maintainable code structure.
Tools & Technologies
- TypeScript
- Next.js 14
- TailwindCSS
- Material UI
- Vercel
- ESLint
- Prettier
Upcoming Changes
- Updated Contact Page with Form Validation
- Internationalization (i18n)
- NextJS Modal Implementation
- Dark Mode Toggle
- Blog Section with MDX
- Analytics Integration
Yet Another TV Website
Because the world definitely needed another TV show website (but this one's actually pretty good!).
Learn more about this project!
A responsive single-page application built with Create React App that consumes multiple external APIs (TMDB, YouTube) to aggregate trending and popular TV shows. Implements React hooks for state management, custom hooks for API calls, and React Router for client-side navigation. Features include debounced search functionality, infinite scrolling with intersection observer API, lazy loading of images, and YouTube trailer integration. The application uses functional components throughout and follows modern React patterns with proper error boundaries and loading states.
Tools & Technologies
- TypeScript
- React 18
- Create React App
- TailwindCSS
- React Router
- Axios
- React Query
- GitHub Pages
Upcoming Changes
- Internationalization Support
- Framer Motion Page Animations
- Advanced Filter Panel
- Better YouTube Player Controls
- Intersection Observer Animations
- Scroll to Top Button
- Auto-load Based on Active Filters
- Interactive Rating Stars
- Show Overview YouTube Videos
- PWA Support
Yet Another TV Website Fullstack
The TV website's bigger, stronger sibling with microservices and a database that actually remembers things.
Learn more about this project!
A complete architectural overhaul using modern full-stack technologies and microservices design patterns. Built with a Next.js frontend, NestJS backend APIs, Redis for caching and session management, and PostgreSQL for persistent data storage. The project uses TurboRepo for monorepo management, enabling shared TypeScript types and utilities across services. Features include JWT authentication, rate limiting, API versioning, database migrations with TypeORM, and comprehensive logging. The microservices communicate via REST APIs with proper error handling, validation middleware, and automated testing suites.
Tools & Technologies
- TypeScript
- Next.js 14
- NestJS
- Redis
- PostgreSQL
- TailwindCSS
- TurboRepo
- TypeORM
- JWT
- Docker
- Jest
Upcoming Changes
- User Authentication & Profiles
- Favorites & Watchlists
- Real-time Episode Release Notifications
- Show Homepage Previews
- Recommendation Engine
- Social Features & Reviews
- API Rate Limiting Dashboard
- Elasticsearch Integration
Learn more about this project!
A faithful recreation of the 1979 Atari classic built with Python and Pygame. Implements vector-based graphics rendering, realistic physics with momentum and rotation, and collision detection using pygame.mask for pixel-perfect accuracy. Features include procedural asteroid generation with fractal-like breaking patterns, particle systems for explosions, wrapped screen boundaries, and progressive difficulty scaling. The game uses object-oriented design with separate classes for game entities, event handling, and state management. Sound effects are managed through pygame.mixer with spatial audio positioning.
Tools & Technologies
- Python 3.9+
- Pygame
- NumPy
- Math
- Random
- GitHub Pages
Upcoming Changes
- Persistent Local Scoreboard
- Gamepad/Joystick Support
- Multi-stage Asteroid Breaking
- Power-up System
- Enhanced Weapon Types
- Shield Mechanics
- Particle Trail Effects
- Background Starfield Animation
Learn more about this project!
A comprehensive digital implementation of Blackjack featuring authentic casino rules and intelligent dealer AI. Built with Python and Pygame for rich graphics and smooth animations. Implements a complete card deck system with Fisher-Yates shuffling algorithm, hand evaluation logic for soft/hard aces, and split/double-down mechanics. The game features object-oriented design with separate classes for Card, Deck, Hand, Player, and Dealer entities. Includes betting systems with chip animations, game state persistence, and statistical tracking of wins/losses. The dealer AI follows standard casino rules (hit on soft 17, etc.).
Tools & Technologies
- Python 3.9+
- Pygame
- JSON
- Random
- GitHub Pages
Upcoming Changes
- Enhanced GUI with Card Animations
- Multiple Deck Support (4-8 decks)
- Advanced Betting System
- Statistics & Analytics Dashboard
- Sound Effects & Music
- Tournament Mode
- AI Difficulty Levels
- Save/Load Game State
Learn more about this project!
A modern interpretation of the classic Snake game built with Python and Pygame, featuring smooth 60fps gameplay and responsive controls. Implements efficient collision detection using coordinate-based algorithms, dynamic snake growth with linked-list-like body segments, and intelligent food spawning that avoids current snake positions. The game features customizable grid systems, color-coded difficulty levels, and smooth directional transitions. Uses pygame's event system for precise input handling and implements game loop architecture with fixed timesteps for consistent gameplay across different hardware.
Tools & Technologies
- Python 3.9+
- Pygame
- Collections
- Random
- Time
Upcoming Changes
- Enhanced Graphics & Themes
- Gamepad/Joystick Support
- High Score Persistence
- Multiple Game Modes
- Speed Progression System
- Power-ups & Special Foods
- Background Music & SFX
Very Simple Image Converter
Turn your JPEGs into PNGs faster than you can say "file format compatibility issues"!
Learn more about this project!
A client-side image conversion tool built with React that processes images entirely in the browser using Canvas API and File API. Implements drag-and-drop functionality with visual feedback, supports multiple image formats (JPEG, PNG, WebP, GIF, BMP), and uses HTML5 Canvas for image manipulation and format conversion. Features include real-time image preview, quality adjustment sliders, batch processing capabilities, and automatic download management. The application uses React hooks for state management, custom hooks for file handling, and Ant Design components for a polished user interface. All processing happens locally - no server uploads required.
Tools & Technologies
- React 18
- Ant Design
- Canvas API
- File API
- JavaScript
- CSS3
- GitHub Pages
Upcoming Changes
- Batch Conversion Queue
- Image Compression Controls
- Resize & Crop Functionality
- Format Preview Comparison
- EXIF Data Preservation
- Watermark Addition
- Image Filters & Effects
- Progressive Web App Features