Personal portfolio built from scratch with React and TypeScript. Five pages covering all shipped projects, skills, builder timeline, contact, and blog. Dark minimal design system built around a consistent color palette, component patterns, and typography — the same aesthetic carried across every page.
- Home — hero, featured projects, tech stack, CTA
- Projects — all 5 projects with filterable categories, tech tags, and challenges solved
- About — builder story, skills, timeline, GitHub stats
- Blog — coming soon state with topic previews
- Contact — contact methods, availability status, message form
| Technology | Role |
|---|---|
| React | Frontend framework |
| TypeScript | Type safety |
| Tailwind CSS | Styling |
| React Router DOM | Client-side routing |
| Framer Motion | Scroll animations |
| Vite | Build tool |
| Vercel | Deployment |
Background: #0A0A0A
Card: #111111
Card elevated: #1A1A1A
Border: #262626
Accent: #6366F1
Cyan (tags): #22D3EE
Text primary: #FAFAFA
Text secondary:#A3A3A3
Font: Inter
src/
├── components/
│ ├── Navigation.tsx
│ ├── Footer.tsx
│ ├── BackToTop.tsx
│ └── FadeIn.tsx
├── pages/
│ ├── HomePage.tsx
│ ├── ProjectsPage.tsx
│ ├── AboutPage.tsx
│ ├── BlogPage.tsx
│ ├── ContactPage.tsx
│ └── NotFoundPage.tsx
├── hooks/
│ ├── useCountUp.ts
│ └── useDynamicTitle.ts
└── App.tsx
Prince Patel — AI-Powered Product Developer
- 🌐 Portfolio: prince-patel-portfolio.vercel.app
- 🐙 GitHub: github.com/Pro-Prince
- 𝕏 X: @Pro_Prince_1
- 💼 LinkedIn: linkedin.com/in/prince-patel476
This project is licensed under the MIT License.