Full Stack Developer · React · Next.js · Node.js · MongoDB
A fast, animated, single-page portfolio showcasing SaaS-style products, AI-powered tools and full stack web apps — each with a live demo.
- About Me
- Preview
- Featured Projects
- Projects in Motion
- More Work
- Skills
- Portfolio Features
- Tech Stack
- Run Locally
- Deployment
- Project Structure
- Contact
I'm a full stack developer from Haridwar, Uttarakhand, India, working independently since 2025. I design, build and deploy SaaS-style web applications focused on developer productivity, resume intelligence, GitHub analytics and freelancer-client collaboration, handling the full lifecycle: planning, UI/UX, backend, testing, deployment and maintenance.
What I work with: React, Next.js, TypeScript, Node.js, Express.js, MongoDB, REST APIs, JWT authentication and Gemini AI integrations, deployed on Vercel, Render and Netlify.
Verify resume claims against real GitHub activity, compare resume versions and score the health of a project.
- Verify Resume Claims: upload a resume and a GitHub username. Each skill is rated Strong, Moderate, Weak or No Evidence, and a Trust Score summarizes how well the claims are supported.
- Resume Diff: compare two resume versions to see skills added and removed, changed content and which version looks stronger.
- GitHub Project Health: analyzes README quality, documentation, structure, activity and missing sections, then returns a health score with prioritized fixes.
- History: saves past analyses in MongoDB so they can be reviewed or deleted.
Stack: React, Vite, Tailwind CSS, Framer Motion, Node.js, Express.js, MongoDB, Mongoose, GitHub API Live Demo
Turn any local shop into a digital storefront in about 2 minutes.
- Catalog builder with products, categories, photos and drag-to-reorder
- Branded QR codes (rounded, gradient or branded), exportable as PNG and SVG
- WhatsApp ordering with a pre-filled Order now message on every product
- Analytics for views, QR scans, clicks and top products
- Seasonal themes and AI-written product descriptions powered by Gemini
- Secure by design: bcrypt password hashing, JWT sessions, account lockout, rate limiting and owner-scoped authorization
- Free plan (12 products) and Pro plan (unlimited)
Stack: Next.js 15, Express.js, MongoDB, Gemini API, Cloudinary, Docker, GitHub Actions Live Demo
Both sides see the same deal, and every change needs the other side's approval.
- Shared agreement: deliverables, exclusions, budget and dates in one view for freelancer and client
- Two-sided approvals: either side can propose a change, only the other side can approve it
- Private share link: clients review and respond without creating an account, with live sync between both views
- Client Orbit: a canvas visualization that ranks projects by urgency, pending decisions and due dates
- Secure sign-in: scrypt-hashed passwords, JWT sessions, login rate limiting and owner-scoped authorization on every project route
Stack: React, Vite, Node.js, Express.js, MongoDB, JWT, Canvas API Live Demo
Move-in and move-out photo records for rented rooms. Photos are SHA-256 hashed and chained, so tenants can prove the condition of a room and protect their security deposit.
Ten screen-recorded builds in a horizontal scroll reel on the portfolio, each with a live link:
| Project | Live |
|---|---|
| Meridian One | meridian-one-six.vercel.app |
| Pelagic One | pelagic-one.vercel.app |
| Aura One | auraone-cyan.vercel.app |
| Nimbus One | nimbusone-six.vercel.app |
| Spice Atlas | spice-atlas.vercel.app |
| Thock | thock-eta.vercel.app |
| ShopQR | shopqr-nine.vercel.app |
| Grinova | grinova.vercel.app |
| Kabaad | kabaad.vercel.app |
| SoftCraft | soft-craft-hazel.vercel.app |
The tools behind DevProof
| Project | What it does | Links |
|---|---|---|
| Resume Claim Verifier | Checks resume skills against public GitHub work and gives a Trust Score | Live |
| ResumeDiff | Compares two resume versions and reports what changed in skills and content | Live |
| GitHub Project Health Analyzer | Reviews README quality and project structure, then suggests fixes | Live |
Earlier work
| Project | What it does | Links |
|---|---|---|
| RepoCosmos | Turns any public GitHub repo into an interactive 3D galaxy with a time slider that replays how the project grew | Live |
| Luxury Salon Management | Salon site with a MongoDB-backed operations dashboard | Live |
| Thock | Mechanical keyboard sounds in the browser: synthesized switch audio, a typing test, a shareable switch builder and music that follows your typing speed | Live |
| Oath | Track every promise you make and see who's waiting on you in a live orbit, with a trust score and overdue alerts | Live |
| Foresight | Calibration lab for your predictions: log what you expect, resolve it later, and see if your confidence matches reality | Live |
| Area | Technologies |
|---|---|
| Frontend | React, Next.js, TypeScript, JavaScript, Tailwind CSS, Framer Motion, responsive UI |
| Backend & Database | Node.js, Express.js, REST APIs, JWT auth, MongoDB, Mongoose, MySQL |
| AI Integrations | Gemini AI API, automated workflows, third-party REST services |
| Tools & Deployment | Git, GitHub, Postman, Vercel, Render, Netlify |
- Animated hero with a typing role headline and an interactive portrait (ringed circle, photo drifts with the cursor)
- Smooth scrolling with Lenis, one shared animation loop for every scroll effect
- Horizontal 3D project reel with browser frames, live links, a progress rail and videos that play when centred
- Scroll-velocity marquee that speeds up, skews and reverses with the scroll
- Starfield canvas background with subtle parallax
- Scroll progress bar and active-section highlighting in the navbar
- Compact featured project cards with animated visuals and reveal-on-scroll effects
- Resume section with a document preview, work timeline, animated achievement counters and one-click PDF download
- Built-in resume download (PDF embedded in the page, so it always works offline)
- Contact form powered by Formspree, with an email fallback
- Dark theme with light-mode support, fully responsive down to mobile
- Respects
prefers-reduced-motionand uses accessible labels and focus styles - No build step: one HTML file plus the
assets/folder (project videos and posters); Lenis loads from a CDN and the page falls back to native scrolling if it can't
| Layer | Technology |
|---|---|
| Markup & Styling | HTML5, CSS3 (custom properties, grid, flexbox) |
| Behavior | Vanilla JavaScript, Lenis (smooth scroll), Canvas API, IntersectionObserver |
| Typography | Poppins (Google Fonts) |
| Forms | Formspree |
| Hosting | Netlify / Vercel |
No installation needed.
git clone https://github.com/manashwebdev/<repo-name>.git
cd <repo-name>Open index.html in your browser, or serve it locally:
python -m http.server 5500
# open http://localhost:5500Vercel
npm i -g vercel
vercel login
vercel --prodNetlify: drag and drop the project folder at app.netlify.com/drop, or connect the GitHub repo.
The resume PDF is embedded inside index.html as a base64 string (the RB variable in the script at the bottom). To replace it, convert the new PDF and paste the result between the quotes:
base64 -w 0 Manash_Khati_Resume.pdf # macOS: base64 -i Manash_Khati_Resume.pdfThe download button saves it as Manash_Khati_Resume.pdf.
.
├── index.html # Complete portfolio: markup, styles, scripts, resume
├── assets/
│ ├── videos/ # Screen recordings for the project reel
│ └── posters/ # Poster frames shown before each video loads
├── docs/
│ └── screenshots/ # README images
├── README.md
└── LICENSE
I'm open to full stack roles, freelance projects and collaborations.
- 📧 webdevmanash@gmail.com
- 🐙 GitHub
- 📍 Haridwar, Uttarakhand, India
⭐ If you like this portfolio, consider giving it a star.
Designed and built by Manash Khati, 2026