GenAI & RAG Engineer | BTech CSE, VIT Bhopal (CGPA 8.45) portfolio-noviciusss.vercel.app · GitHub · LinkedIn · Medium · Hugging Face
A production-grade personal portfolio built with Next.js 15, TypeScript, and Tailwind CSS v4 — showcasing projects, blog posts, skills, and live coding stats. Optimised for GenAI/LLMOps internship visibility.
| Section | Content |
|---|---|
| Hero | Name, role badge, CTA buttons, GitHub/LinkedIn hover cards |
| About | Bio, stats (2+ yrs, 10+ projects, 8.45 CGPA), download resume |
| Skills | 5-tab skill grid: LLMOps & GenAI, ML/DL, Languages, Full-Stack, Tools |
| Education | VIT Bhopal BTech CSE timeline (2023–2027) |
| Coding Stats | Live GitHub profile + stats card, live LeetCode problem count via SWR |
| Projects | 7 cards with metrics, GitHub links, live demo links, blog links |
| Blog | Medium articles with excerpt, stats, and direct links |
| Achievements | Certifications, publications, academic milestones |
| Approach | 3-phase work process cards with canvas reveal effects |
| Future Enhancements | Roadmap of planned features (6 cards) |
| Contact | Full form wired to Resend API, contact info cards |
| Footer | Social links, scroll-to-top |
| Project | Stack | Link |
|---|---|---|
| Argus — Autonomous Research Engine | LangGraph, FastAPI, Groq, Docker, LangSmith | Demo |
| DoCopilot — RAG Document Q&A | Next.js, FastAPI, Qdrant, LangChain | GitHub |
| FLAN-T5 Dialogue Summarizer | PEFT, LoRA, Transformers, Gradio | HF Space |
| RoBERTa Banking Classifier | PyTorch, Transformers, CUDA | HF Model |
| Project Loom | Next.js, Sanity.io, NextAuth.js, PostgreSQL | Live |
| Modern Portfolio | Next.js, TypeScript, Tailwind CSS | Live |
| Dexplorer | React, JavaScript, API Integration | Live |
Core: Next.js 15, TypeScript 5, React 19
Styling & UI: Tailwind CSS v4, shadcn/ui, Framer Motion, Aceternity UI, React Icons
Data & Email: SWR (GitHub + LeetCode APIs), Resend, React Hook Form + Zod
Theming: next-themes (dark/light/system)
portfolio_ts/
├── app/
│ ├── icon.tsx # Branded favicon via ImageResponse
│ ├── layout.tsx # Root layout, SEO, JSON-LD schemas
│ ├── page.tsx # Home page
│ ├── globals.css
│ ├── api/send-email/route.ts # Resend email API
│ └── components/
│ ├── Hero.tsx
│ ├── About.tsx
│ ├── Skills.tsx
│ ├── Education.tsx
│ ├── CodingStats.tsx
│ ├── Projects.tsx
│ ├── Blog.tsx
│ ├── Achievements.tsx
│ ├── Approach.tsx
│ ├── FutureEnhancements.tsx
│ ├── Contact.tsx
│ ├── Navbar.tsx
│ ├── Footer.tsx
│ ├── FloatingResumeButton.tsx
│ └── BackgroundMesh.tsx
├── components/ui/ # shadcn/ui + Aceternity components
├── public/ # Static assets (images, Resume.pdf)
└── next.config.ts
git clone https://github.com/noviciusss/portfolio_ts.git
cd portfolio_ts
npm install
# Create .env.local and add:
# RESEND_API_KEY=your_resend_key
npm run dev # → http://localhost:3000| Env Variable | Required | Description |
|---|---|---|
RESEND_API_KEY |
Yes | Resend API key for the contact form |
app/icon.tsx— dynamically generated "S" monogram favicon viaImageResponse; replaces the default Next.js/Vercel favicon- PinContainer href fallback — cards without a live demo fall back to the GitHub URL, preventing broken
href=""anchors - SWR data fetching — GitHub and LeetCode stats fetched client-side with 1-hour dedupe cache and retry; graceful hardcoded fallbacks if APIs are down
- JSON-LD schemas — Person, WebSite, ProfilePage in
<head>for rich search results - Resend sender — contact form sends from
contact@samarth_singh.com(verified domain)
- Agentic Portfolio Assistant — LangGraph RAG chatbot over resume + project READMEs
- Live Project Dashboards — real-time MLflow/W&B metrics embedded for deployed models
- Multi-Language Support — next-intl i18n (Hindi, Spanish, Japanese)
- Interactive ML Playground — embedded Hugging Face Space iframes in project cards
- Auth & Guestbook — NextAuth.js GitHub OAuth + verified visitor messages
- CMS-Backed Content — Sanity.io / Contentlayer for code-free project & blog updates
Deployed on Vercel:
- Push to GitHub and import in vercel.com
- Add
RESEND_API_KEYin project environment variables - Auto-deploys on every push to
main
Samarth Pratap Singh · samarthsin2006@gmail.com · +91 9452026413 BTech CSE · VIT Bhopal · CGPA 8.45 · Pratapgarh, U.P.