Portfolio Website 🌐

Welcome to my personal portfolio website! This project showcases my work, skills, and journey as a developer. It was crafted with a focus on aesthetics, smooth animations, and performance.

Live Site | Figma Design

💻 Tech Stack

• Frontend: React.js, SCSS, Framer Motion
• Styling: SCSS, Material UI Icons for intuitive and vibrant design elements
• Animations: Framer Motion for seamless and engaging transitions
• State Management: Zustand for lightweight and efficient state handling
• Email Integration: EmailJS for easy contact form handling
• Build Tool: Vite for optimized and fast builds
• Linting: ESLint for code quality and consistency

🎥 Preview

Take a quick look at the website with this live demo, or check out the design on Figma here.

📂 Project Setup

Getting Started

1. Clone the repository:

   git clone <repository-link> 
   cd client
   

2. Install dependencies:

   npm install
   

3. Run the project:

   npm run dev
   

The site will be available locally at http://localhost:3000.

Build for Production

To create an optimized production build, run:

npm run build

📜 Scripts

• dev: Starts the development server
• build: Builds the app for production
• lint: Lints all JavaScript and JSX files with ESLint
• preview: Previews the production build

✨ Features

• Smooth Animations: Created with Framer Motion for a professional and interactive feel
• Responsive Design: Optimized for desktop and mobile viewing
• Contact Form: Send messages directly via EmailJS
• Interactive UI: Leveraging Zustand for fast and reactive state management

📬 Contact

If you'd like to reach out, feel free to connect with me on LinkedIn or use the contact form on the portfolio!