Rajeev Puri Portfolio

Showcasing My Journey, Inspiring My Future

Built with the tools and technologies:

---

A modern, responsive personal portfolio website built with Next.js 16, featuring smooth animations, professional design, and interactive curl-accessible API endpoints. This portfolio showcases my journey as a BSc Computer Science student and software engineer, highlighting projects, skills, and professional experience.

✨ Key Features

• ⚡ Modern Framework - Built with Next.js 16 and React 19 for optimal performance and SEO
• 🎨 Interactive Animations - Smooth, engaging animations powered by Motion (Framer Motion successor)
• 📱 Responsive Design - Fully responsive layout optimized for all devices and screen sizes
• 🎯 Type Safety - Complete TypeScript implementation for robust development
• 💅 Modern Styling - Beautiful, utility-first styling with Tailwind CSS v4
• 📝 MDX Integration - Rich content creation with MDX support and syntax highlighting
• 🔧 Developer Experience - Hot reload, ESLint, and modern tooling with Turbopack
• ⚡ Performance - Optimized builds with advanced caching and static generation
• 🌐 curl API - Unique terminal-accessible endpoints for developers (curl rajeevpuri.com.np)
• 🚀 Modern Standards - Progressive Web App (PWA) with manifest and sitemap support

🛠️ Technology Stack

Category	Technologies
Frontend	Next.js 16.1.1, React 19.2.3, TypeScript 5.9
Styling	Tailwind CSS 4.1.18, PostCSS, Clsx, CVA
Animation	Motion 12.25.0 (Framer Motion successor)
Content	MDX, Sugar High, Next MDX Remote Client
Icons	Lucide React 0.447.0, React Icons 5.5.0
UI/UX	React Hot Toast, Class Variance Authority
Development	ESLint, Turbopack, TypeScript, Node 20+
Deployment	Vercel, Progressive Web App (PWA) Ready

🚀 Quick Demo

Live Website: rajeevpuri.com.np

Unique curl API Access:

# Access the portfolio via terminal
curl rajeevpuri.com.np
curl rajeevpuri.com.np/projects
curl rajeevpuri.com.np/contact
curl rajeevpuri.com.np/service

🛠️ Setup

Prerequisites

Before you begin, ensure you have the following installed:

• Node.js (20.19.28 or higher - Latest LTS recommended)
• pnpm (Package manager - npm install -g pnpm)

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 your browser: http://localhost:3000
   • You should see the portfolio homepage with smooth animations
   • Test the curl API: curl localhost:3000

Build for Production

pnpm build

Preview Production Build

pnpm start

🛠️ Available Scripts

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

🌟 Project Highlights

curl-Accessible API Routes

This portfolio features a unique terminal-accessible interface:

• /txt - Main portfolio information in terminal-friendly format
• /contact/txt - Contact information and social links
• /projects/txt - Project portfolio with technical details
• /service/txt - Available services and expertise

Modern Development Practices

• TypeScript for type safety and better DX
• ESLint for code quality and consistency
• Modern React 19 with concurrent features
• Next.js 16 with App Router and Turbopack
• Tailwind CSS 4 with modern CSS features