Vish - Personal Portfolio

Personal portfolio website built with React 18, TypeScript, Tailwind CSS, and shadcn/ui

🚀 Live Website

Visit: https://vish288.github.io

✨ Features

• Tech Stack: React 18, TypeScript 5.7, Vite 6, Tailwind CSS, shadcn/ui
• Pages: GitHub repositories, About, Gratitude message form
• Design: Mobile-first responsive with custom green theme
• Integration: Live GitHub API data
• Admin Console: OAuth-protected message management
• Testing: Unit tests with Vitest, type checking, linting
• Deployment: GitHub Actions CI/CD to GitHub Pages

📱 Pages

• Repositories (/): Live GitHub repository data with stars, forks, languages
• About (/about): Professional profile with skills and contact info
• Gratitude (/gratitude): Message submission form with validation

🚀 Quick Start

⚠️ This project uses pnpm exclusively. If you're still using npm, it's time to grow up and learn pnpm.

git clone https://github.com/vish288/vish288.github.io.git
cd vish288.github.io
pnpm install
pnpm run dev

📜 Scripts

pnpm run dev        # Development server
pnpm run build      # Production build
pnpm run deploy     # Deploy to GitHub Pages
pnpm run test       # Run tests
pnpm run lint       # Lint and fix
pnpm run typecheck  # Type checking

📚 Documentation

• Development Guide - Setup, scripts, and development workflow
• Architecture - Tech stack, project structure, and design system

🤝 Contributing

1. Fork repository and create feature branch
2. Make changes and add tests
3. Run: pnpm run typecheck && pnpm run lint && pnpm run test
4. Commit with conventional messages
5. Open Pull Request

Note: This project uses pnpm. Don't use npm. Seriously.

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

👨‍💻 Author

Vish

• Website: https://vish288.github.io
• GitHub: @vish288