Introducing jayantgoyal.com — More Than a Portfolio
Why I Built This
Most developer portfolios are static — a landing page with a list of projects and a contact form. I wanted something different. Something I'd actually use every day.
So I built jayantgoyal.com — a full-stack platform that doubles as my portfolio and a suite of tools I reach for daily.
What's Inside
Portfolio
The landing page showcases my work, skills, experience, and projects. It's server-rendered for fast load times and SEO, with interactive sections that load progressively.
99+ Developer Tools
This is the core utility of the platform. Free, open tools organized into categories:
- Generators — UUID (v4 & v7), tokens, OTP codes, RSA keys, MAC addresses
- Converters — JSON/YAML/XML/TOML, Base64, color, temperature, Roman numerals
- Formatters — JSON, XML, YAML, SQL prettifiers and minifiers
- Hash & Encryption — SHA-256, bcrypt, HMAC, encrypt/decrypt
- Text Tools — case converter, diff, slugify, Lorem ipsum, ASCII art
- Network Tools — IPv4 subnet calculator, MAC address lookup
- Code & Dev — Regex tester, crontab generator, HTTP status codes, Git cheatsheet
Every tool runs entirely in your browser — no data leaves your machine.
Games Hub
7 games built for fun and to explore different frontend patterns:
- Tic Tac Toe, Connect Four, Rock Paper Scissors (with AI opponents)
- Memory Match, Wordle, Dare X
- Typing Speed Test (with leaderboard)
File Manager
A full cloud file system with folders, upload, download, copy, move, and soft delete. Files are stored in Supabase Storage with a virtual directory structure.
Messenger
Real-time chat powered by Supabase Realtime. Messages sync instantly across tabs and devices.
Activity Tracker
Daily habit tracking with an analytics dashboard — streaks, completion rates, and calendar views.
Weather
City search with geolocation and 5-day forecast, powered by OpenWeather API.
The Tech Stack
| Layer | Technology |
|---|---|
| Framework | Next.js 16, React 19, TypeScript 5.9 |
| Styling | Tailwind CSS v4, Radix UI, CVA |
| Backend | Supabase (Auth, Database, Realtime, Storage) |
| Monorepo | Turborepo + pnpm workspaces |
| State | Zustand with persist middleware |
| Animations | Framer Motion (lazy-loaded) |
| Resend API |
Architecture Highlights
Monorepo — The codebase is organized as a Turborepo with the main app, an admin panel, and shared packages (UI library, configs).
UUID v7 — All database primary keys use time-based UUID v7 for better B-tree index performance compared to random UUID v4.
Layout-level auth — Pages are publicly accessible for SEO (Google can crawl everything), but functionality is gated behind authentication at the layout level.
Portfolio data system — Multi-tenant by hostname. Portfolio content is managed via a separate admin app and served through a React Context provider.
What's Next
This platform is a living project. I'm continuously adding tools, improving the architecture, and writing about the decisions along the way.
If you're a developer, check out the tools — they're free and might save you a trip to a random website next time you need to generate a UUID or format some JSON.
Built with Next.js, Supabase, and a lot of coffee.
Related resources
- Explore the full developer tools hub, including JSON formatters, UUID generators, regex tools, and converters.
- Learn more about Jayant Goyal's full-stack developer profile.
- Check the live GitHub stats dashboard that powers the portfolio code insights.