Harsh Saini | Full Stack Engineer

Designing and engineering scalable, enterprise-grade digital systems. Focused on performance, reliability, and architectural elegance.

---

🚀 Overview

This is my professional portfolio, built to showcase high-impact engineering projects and technical expertise. It features a modern, minimal aesthetic with high-performance animations and a focus on user experience.

• Fast & Responsive: Built with Next.js 15 and Tailwind CSS 4.
• Fluid Animations: Powered by Framer Motion (Motion) and Lenis for smooth scrolling.
• Type Safe: Fully written in TypeScript for robust development.
• Clean Architecture: Component-based structure following industry best practices.

---

🛠️ Technical Ecosystem

Languages & Core

• JavaScript/TypeScript: Primary development language.
• Python: Used for backend scripts and automation.

Libraries & Frameworks

• Frontend: React 19, Next.js 15, Tailwind CSS 4, Shadcn/ui.
• State & Animation: Motion (Framer), Lucide-React.
• Performance: Lenis (Smooth Scroll).
• Monorepo Tools: Turborepo (used in featured projects).

Backend & Infrastructure

• Databases: MongoDB, PostgreSQL with Prisma ORM.
• Cloud & DevOps: AWS, Docker, Kubernetes, GitHub Actions.

---

📂 Project Highlights

ExpenseHero

Enterprise-grade financial analytics platform

• Features real-time budget tracking, predictive modeling, and granular reporting dashboards.
• Stack: TypeScript, NextJS, Node.js, PostgreSQL, Prisma, BetterAuth.
• Live Demo

PixelPay

Secure digital payments gateway

• Supporting multi-currency transactions, fraud detection, and seamless third-party integrations.
• Stack: TypeScript, NextJS, TurboRepo, ExpressJS, Prisma.

---

⚙️ Getting Started

Prerequisites

• Node.js 20+
• npm / pnpm / yarn

Installation

1. Clone the repository

   git clone https://github.com/harshxengr/Harsh-Portfolio-Nextjs.git
   cd Harsh-Portfolio-Nextjs

2. Install dependencies

   npm install

3. Run the development server

   npm run dev

4. Build for production

   npm run build

---

🗺️ Project Structure

├── app/              # Next.js App Router (Pages & Layouts)
├── assets/           # Static assets, icons, and central data
├── components/       
│   ├── layout/       # Global components (Navbar, Hero)
│   ├── sections/     # Individual landing page sections
│   ├── shared/       # Cross-cutting components (Providers)
│   └── ui/           # Atomic UI components (Buttons, etc.)
├── lib/              # Utility functions and configurations
├── public/           # Publicly accessible assets
└── biome.json        # Linting and formatting rules

---

🤝 Contact & Socials

• GitHub: @harshxengr
• LinkedIn: Harsh Saini
• Email: singhharshsaini7@gmail.com

---

Built with ❤️ by Harsh Saini.