🚀 Samarpan's Portfolio

Full-Stack & AI Developer

Live Demo • GitHub • Contact

---

👋 Welcome!

This is my personal portfolio website, designed to showcase my journey as a developer. Built with a focus on performance, modern aesthetics, and seamless user experience, this site serves as a hub for my creative projects and technical skills.

✨ Key Features

• Modern React Architecture: Leverages the power of React 18 and Vite for a lightning-fast development and user experience.
• Dynamic Project Showcase: Projects are loaded dynamically from a centralized projects.json file, making it easy to manage and update.
• Micro-Animations & Reveal Effects: Custom-built scroll reveal hooks create a premium, interactive feel as you explore.
• Responsive Design: Optimized for all screen sizes, from mobile devices to ultra-wide monitors.
• Glassmorphism UI: A sleek, modern design language with subtle transparencies and vibrant gradients.

🛠️ Tech Stack

• Frontend Framework: React.js (Version 18)
• Build Tool: Vite
• Icons: BoxIcons
• Typography: Inter via Google Fonts
• Deployment: GitHub Pages
• Animations: CSS3 Keyframes & Intersection Observer API

📂 Project Structure

├── public/              # Static assets and projects.json
├── src/
│   ├── components/      # Modular React components (Hero, Skills, Projects, etc.)
│   ├── hooks/           # Custom hooks like useScrollReveal
│   ├── assets/          # Images and branding assets
│   ├── styles/          # Global styles (CSS)
│   ├── App.jsx          # Root application component
│   └── main.jsx         # Application entry point
├── index.html           # HTML template
├── package.json         # Dependencies and scripts
└── vite.config.js       # Vite configuration

🚀 Getting Started

Prerequisites

• Node.js (Latest LTS recommended)
• npm

Installation

1. Clone the repository:

   git clone https://github.com/owsam22/portfolio.git

2. Navigate to the project directory:

   cd portfolio

3. Install dependencies:

   npm install

Development

Start the development server:

npm run dev

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

Production

Build the project for production:

npm run build

📫 Contact

I'm always open to collaborating on interesting projects or discussing new opportunities. Feel free to reach out!

• GitHub: owsam22
• Portfolio: owsam22.github.io/portfolio

---

Built with ❤️ by Samarpan