A modern, responsive portfolio website showcasing AI engineering and full-stack development projects. Built with cutting-edge web technologies and deployed on GitHub Pages.
Visit the live portfolio at: eyzick.com
- React 19 - Modern React with latest features and hooks
- TypeScript - Type-safe JavaScript for better development experience
- Vite - Lightning-fast build tool and development server
- Tailwind CSS - Utility-first CSS framework for rapid UI development
- Framer Motion - Smooth animations and transitions
- CSS Modules - Component-scoped styling for better maintainability
- Lucide React - Beautiful, customizable SVG icons
- ESLint - Code linting and quality assurance
- PostCSS - CSS processing and optimization
- Autoprefixer - Automatic vendor prefixing
- GitHub Pages - Static site hosting
- GitHub Actions - Automated CI/CD pipeline
- Custom Domain - eyzick.com with SSL certificate
- Responsive Design - Optimized for all device sizes
- Interactive Games - Built-in Flappy Bird and Snake games
- Smooth Animations - Powered by Framer Motion
- Modern UI/UX - Clean, professional design with Tailwind CSS
- Fast Performance - Optimized with Vite and modern React patterns
- SEO Optimized - Meta tags and Open Graph support
- Accessibility - WCAG compliant design patterns
- Node.js 18+
- npm or yarn
- Clone the repository:
git clone https://github.com/yourusername/portfolio.git
cd portfolio- Install dependencies:
npm install- Start the development server:
npm run dev- Open http://localhost:5173 in your browser
npm run dev- Start development servernpm run build- Build for productionnpm run preview- Preview production buildnpm run lint- Run ESLintnpm run deploy- Deploy to GitHub Pages
src/
├── components/ # React components
│ ├── games/ # Game components (Flappy Bird, Snake)
│ ├── Header.tsx # Navigation header
│ ├── Hero.tsx # Landing section
│ ├── Projects.tsx # Projects showcase
│ ├── Skills.tsx # Skills section
│ └── ...
├── styles/ # CSS modules
│ └── components/ # Component-specific styles
├── assets/ # Static assets
├── App.tsx # Main app component
└── main.tsx # Entry point
The portfolio includes two fully functional games built with React and TypeScript:
- Flappy Bird - Classic arcade-style game with collision detection
- Snake Game - Retro snake game with score tracking
- TypeScript for type safety
- ESLint for code linting
- Prettier for code formatting
- CSS Modules for scoped styling
- Vite for fast builds and HMR
- React 19 with latest optimizations
- Tailwind CSS for efficient styling
- Optimized bundle size