Portfolio

"Showcasing My Journey, Inspiring My Future"

Built with the tools and technologies:

---

✨ Key Features

• ⚡ Modern Framework - Built with Next.js 15 for optimal performance and SEO
• 🎨 Interactive UI - Smooth animations powered by Framer Motion
• 📱 Responsive Design - Fully responsive layout that works on all devices
• 🎯 Type Safety - Written in TypeScript for better development experience
• 💅 Styled Components - Beautiful styling with Tailwind CSS
• 📝 MDX Support - Rich content creation with MDX integration
• 🔧 Developer Experience - Hot reload, ESLint, and modern tooling
• ⚡ Performance - Optimized builds with Next.js and Turbopack

🛠️ Technology Stack

Category	Technologies
Frontend	Next.js 15, React 18, TypeScript
Styling	Tailwind CSS, PostCSS, Clsx
Animation	Framer Motion (Motion/React)
Content	MDX, Sugar High
Icons	Lucide React, React Icons
Notifications	React Hot Toast
Development	ESLint, Turbopack

🚀 Setup

Prerequisites

Before you begin, ensure you have the following installed:

• Node.js (Latest LTS version recommended)
• pnpm (Package manager)

Installation

1. Clone the Repository

   git clone https://github.com/razeevascx/Portfolio.git

2. Navigate to Project

   cd Portfolio

3. Install Dependencies

   pnpm install

4. Start Development Server

   pnpm dev

5. Verify Installation

   • Open browser: http://localhost:3000
   • You should see the portfolio homepage

Build for Production

pnpm build

Preview Production Build

pnpm start

🛠️ Available Scripts

Command	Description
pnpm dev	Start development server with Turbopack
pnpm build	Build for production
pnpm start	Start production server
pnpm lint	Run ESLint for code quality
pnpm favicons	Generate favicon assets

---