Portfolio

A modern, responsive portfolio web application built with React, TypeScript, and Vite.

• ⚡️ Fast development with Vite
• ⚛️ Built using React and TypeScript
• 🎨 Customizable and modern UI
• 📱 Responsive design for all devices
• 🧩 Modular component structure
• 🌙 Light/Dark theme support
• 🔍 Scroll spy navigation
• 📝 Easy to extend and maintain

├── public/                # Static assets
├── src/
│   ├── App.tsx            # Main app component
│   ├── index.tsx          # Entry point
│   ├── main.tsx           # Vite main entry
│   ├── style.css          # Global styles
│   ├── assets/            # Images and SVGs
│   ├── components/        # Reusable React components
│   ├── hooks/             # Custom React hooks
│   ├── styles/            # CSS animations and styles
│   ├── types/             # TypeScript type definitions
│   └── utils/             # Utility functions and constants
├── package.json           # Project metadata and scripts
├── tsconfig.json          # TypeScript configuration
├── vite.config.ts         # Vite configuration
└── README.md              # Project documentation

1. Install dependencies:

   pnpm install
   # or
   npm install
   # or
   yarn install

2. Run the development server:

   pnpm dev
   # or
   npm run dev
   # or
   yarn dev

3. Build for production:

   pnpm build
   # or
   npm run build
   # or
   yarn build

4. Preview the production build:

   pnpm preview
   # or
   npm run preview
   # or
   yarn preview

• Update content in src/components/ to personalize your portfolio.
• Add or modify images in the public/ or src/assets/ folders.
• Adjust theme and styles in src/styles/ and src/utils/theme.ts.

This project is open source and available under the MIT License.