Personal engineering portfolio and product showcase for Anupam Jha. Built with Next.js 15 App Router, React 19, TypeScript, and Tailwind CSS. Features live GitHub & Modrinth synchronization, HTML5 canvas petal trail, smooth horizontal showcase slider, mobile bottom dock navigation, and direct Web3Forms inbox delivery.
Live site: anupambuilds.store
If you like this design or want to support ongoing open-source development:
| Method | Address / Target | Details |
|---|---|---|
| UPI (India) | anupambuilds@fam |
Instant direct UPI transfer |
| Bitcoin (BTC) | bc1q9f5l4ryr08pqufh3p3xv57lwnsz9z9gupd8yzs |
Native SegWit network |
| GitHub Star | Star tech-anupam/Portfolio | Free support for the repository |
| Feature | Description | Stack / Provider |
|---|---|---|
| Live Telemetry | Real-time GitHub stars & Modrinth download statistics with ISR caching | GitHub REST API, Modrinth v2 |
| Product Slider | Hardware-accelerated horizontal scroll slider with responsive controls | CSS Scroll Snap, Touch Native |
| Canvas Cursor Trail | Interactive floating petal particle physics with zero idle CPU overhead | HTML5 2D Canvas Engine |
| Mobile Architecture | Floating bottom navigation dock, responsive header, and instant scroll-to-top | Mobile-First Tailwind v4 |
| Direct Contact | Serverless form submissions delivering directly to inbox with active badge | Web3Forms REST API |
| SEO & GEO Engine | IndexNow verification, OpenGraph cards, JSON-LD schemas, and meta tags | Schema.org, Bing IndexNow |
| Technology | Badge | Purpose |
|---|---|---|
| Next.js 15 |  |
React framework & server components |
| React 19 |  |
UI component library |
| TypeScript | |
Static type safety |
| Tailwind CSS v4 |  |
Utility-first design system |
| Framer Motion |  |
Motion & layout transitions |
| pnpm | |
Fast, disk-efficient package manager |
| Web3Forms |  |
Client-side form delivery |
| Vercel |  |
Edge network deployment |
git clone https://github.com/tech-anupam/Portfolio.git
cd Portfolio
pnpm installCreate .env.local:
NEXT_PUBLIC_SITE_URL=https://anupambuilds.store
GITHUB_USERNAME=your-username
MODRINTH_USERNAME=your-username
# Optional: Higher GitHub API rate limits
GITHUB_TOKEN=pnpm devOpen http://localhost:3000 in your browser.
pnpm build- Click Deploy with Vercel above.
- In Project Settings, configure environment variables:
NEXT_PUBLIC_SITE_URL: Your production domainGITHUB_USERNAME: Your GitHub usernameMODRINTH_USERNAME: Your Modrinth username
- Click Deploy.
- Fork the repository
- Create your branch (
git checkout -b feature/amazing-feature) - Commit your changes (
git commit -m 'feat: add amazing feature') - Push to the branch (
git push origin feature/amazing-feature) - Open a Pull Request
Distributed under the MIT License. Free for personal and commercial adaptation.