Skip to content

Repository files navigation

🚀 Sumit's Portfolio

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


Tech Stack

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

Getting Started

Prerequisites

  • Node.js 18+
  • npm or pnpm

1. Clone the repo

git clone https://github.com/summmz/portfolio.git
cd portfolio

2. Install dependencies

npm install

3. Start the dev server

npm run dev

The site will be available at http://localhost:5173.


Scripts

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

Project Structure

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

Deployment

The site is deployed on Vercel. To deploy your own fork:

  1. Push the repo to GitHub
  2. Import it at vercel.com
  3. Vercel auto-detects Vite — no extra config needed
  4. Hit Deploy

License

MIT

Releases

Packages

Contributors

Languages