A personal developer portfolio built with React, Three.js, and Framer Motion — featuring 3D visuals, smooth animations, and a typewriter hero section.
Live: portfolio-umber-two-96fuv5sgui.vercel.app
| Category | Technology |
|---|---|
| Framework | React 19, TypeScript |
| Build Tool | Vite 8 |
| 3D Graphics | Three.js, @react-three/fiber, @react-three/drei |
| Animations | Framer Motion |
| Tilt Effects | react-parallax-tilt |
| Typewriter | react-simple-typewriter |
| Icons | Lucide React |
| Styling | CSS (custom) |
| Deployment | Vercel |
- Node.js 18+
- npm or pnpm
git clone https://github.com/summmz/portfolio.git
cd portfolionpm installnpm run devThe site will be available at http://localhost:5173.
| Command | Description |
|---|---|
npm run dev |
Start local development server |
npm run build |
Type-check and build for production |
npm run preview |
Preview the production build locally |
npm run lint |
Run ESLint |
portfolio/
├── public/ # Static assets
├── src/ # Source code
│ ├── components/ # React components
│ ├── assets/ # Images, models, etc.
│ └── main.tsx # Entry point
├── index.html
├── vite.config.ts
└── tsconfig.json
The site is deployed on Vercel. To deploy your own fork:
- Push the repo to GitHub
- Import it at vercel.com
- Vercel auto-detects Vite — no extra config needed
- Hit Deploy
MIT