Portfolio is a personal frontend application built with React, TypeScript, and Vite. It features a clean, responsive design enhanced with Tailwind CSS and animated interactions powered by Framer Motion. The project showcases skills, projects, and experience with modular components and smooth UI effects.
This project is actively maintained and currently stable. Core features like the slider component, animated sections, and responsive layouts are fully implemented. Future improvements include enhanced accessibility, performance optimizations, and additional content updates.
🎨 Responsive Design optimized for multiple screen sizes.
🎞️ Framer Motion-powered animations for smooth interactions.
🧩 Modular and reusable components like sliders and layouts.
🌐 Custom hooks such as useScrollSessions for scroll-based effects.
📁 Organized asset management for backgrounds, decorations, and SVG icons.
⚙️ Tailwind CSS with custom themes, fonts, and background images.
- React 19
- TypeScript
- Vite
- Tailwind CSS
- Framer Motion
- ESLint + Prettier
- SVGR (SVG as React components)
- Node.js v16 or higher
- npm or yarn
-
Clone the repository:
git clone https://github.com/your-username/portfolio.git cd portfolio -
Install dependencies:
npm install # or yarn install -
Run the development server:
npm run dev # or yarn dev -
Open http://localhost:5173 in your browser.
