the field journal of

I build living interfaces, & AI that ships.

full-stack + ai developer · chennaiopen to internships

“that’s me, approximately”

scroll — the good stuff is below

the story

a few milestones, no origin-myth inflation

The short version:I like difficult problems, especially the kind that look impossible until you pull them apart.

A third-year CSE student building real systems, one curious detour at a time.

2022origin story →
the 97% era
10th boards — 97%. Peak overachiever energy. Discovered that computers will do exactly what you tell them, and decided that was going to be a problem for everyone else.
2024hello, college
CSE, locked in
12th — 82.8%, then straight into B.E. Computer Science at St. Peter’s College of Engineering & Technology, Chennai. First `console.log` written like it mattered.
2025shipped it!
first real client
Built a SaaS dashboard for a small business on the MERN stack — one intense month, real deadlines, real stakes. Also started showing up to hackathons and college coding contests.
2026you are here ✕
the deep end
5th semester. CGPA 8.3 and climbing. Six flagship builds spanning AI IDEs, workflow engines and agentic systems. 413 GitHub commits. LeetCode begun — 18 down, many to go.
2028to be written…
graduation → ?
B.E. complete. The dream list is long (see the wall of companies below) and the plan is simple: be so good they can’t scroll past.

the toolbox

tools are just excuses to build the next thing

A full stack with an AI brain.

I am most at home where product thinking, interfaces and backend logic meet. The curiosity goes wider than the labels.

JavaPythonJavaScriptTypeScriptSQLMongoDB

currently going deeper: agents, RAG, durable workflows, and the bits between a prompt and a product.

frontend

where pixels behave

HTML9/10
CSS8/10
React8/10
Bootstrap8/10
Tailwind7/10
Next.js7/10
GSAP7/10
Redux7/10
Framer Motion7/10

backend

where logic lives

Node.js8/10
Express.js8/10
REST APIs8/10
JWT auth8/10
Cookies8/10
Sessions8/10
Multer / uploads8/10
WebSockets7/10

databases

where data sleeps

MongoDB9/10
Mongoose9/10
Firebase9/10
Supabase9/10
MySQL8/10
PostgreSQL8/10

dev tools

where time vanishes

VS Code10/10
GitHub9/10
Vercel9/10
Netlify9/10
Render9/10
Git8/10
Postman8/10
Docker7/10
Linux7/10

also in the lab

OpenAI APIGemini APIClaude APILangChainRAG pipelinesVector DBsOllamaHugging FaceMCPAI Agents

the work

six builds that taught me a lot by refusing to be simple

The projects I would actually open in a technical interview.

They all work. They are just not deployed yet.

case file 01 / 06

NodeBase

an n8n-style workflow automation platform — rebuilt from scratch to understand it

Next.jsPrismaTailwindInngestPolarClerk

NodeBaselocal build

trigger
new eventAI step
summarizesend result
complete

open the build notes+

why I built it

I kept using n8n and felt like a passenger. So I rebuilt the engine to learn how visual workflow automation actually works under the hood.

the difficult bit

The backend workflow engine — orchestrating nodes that depend on each other, retrying failures, and keeping execution state sane. Easily the hardest system I’ve designed, and the largest codebase I maintain.

the route

01Mapped n8n’s mental model — triggers, nodes, edges, executions — on paper first.
02Designed the Prisma schema for workflows, executions and credentials before touching UI.
03Wired Inngest for durable background runs so long workflows survive refreshes.
04Layered AI provider nodes behind one interface so Claude / GPT / Gemini are swappable.

not deployed yet — runs beautifully on localhost

source

case file 02 / 06

ClioAI

a browser-based AI IDE — Monaco editor, live preview and an AI that writes the code

Next.jsMonaco EditorWebContainersxterm.jsNextAuthshadcn/ui

ClioAIlocal build

src

app

components

page.tsx

styles.css

export default function App() {

return (

)

}

open the build notes+

why I built it

Vibe-coding platforms looked like sorcery. I wanted to know how a chat box turns into a running app inside a browser tab — so I built one.

the difficult bit

Three bosses at once: the live preview, the template engine, and getting npm packages to download inside a sandboxed in-browser terminal. WebContainers + xterm.js almost won. Almost.

the route

01Started with Monaco + a file tree to get a real IDE feel in the browser.
02Embedded WebContainers so Node actually runs client-side; xterm.js gives you the terminal.
03Built a template registry so the AI starts from scaffolds, not a blank void.
04Solved package downloads inside the sandbox — the week I aged a year.

not deployed yet — runs beautifully on localhost

source

case file 03 / 06

FlowOS

a JARVIS-flavoured agentic content OS — it reads the internet so I don’t have to

Node.js (ESM)ExpressSQLite (wasm)Next.jsGraphifyObsidian

FlowOSlocal build

AI scored this 94/100

draft a post

The best signal in a noisy feed is the thing that changes what you do next.

schedule ->

open the build notes+

why I built it

I wanted a personal agent that keeps me current, pitches me content ideas, drafts posts and reels on trend, then schedules them — research to upload, automated.

the difficult bit

News scraping + ranking. The internet is loud; teaching an agent what deserves attention — fresh, relevant, non-repetitive — took more prompt surgery than I’d like to admit.

the route

01Built RSS + URL scrapers into a unified ingestion pipeline.
02Ranked items with an AI priority score; anything older than 24h decays out.
03Connected a knowledge graph (Graphify + Obsidian) so ideas link to what I already know.
04Added draft generation — posts, hooks, even illustration prompts.

not deployed yet — runs beautifully on localhost

source

case file 04 / 06

DevFlow AI

point it at any GitHub repo — get architecture maps, docs, bug hunts and a chat that cites lines

React 18 + ViteTypeScript (strict)ExpressGemini embeddingsRAG retrieverChroma vector store

DevFlow AIlocal build

Ask this repo

Where does auth start?

auth.middleware.ts:18

open the build notes+

why I built it

I wanted a tool that pulls every secret out of a repository — structure, risks, docs — instead of me reading 200 files to understand one project.

the difficult bit

Extracting and embedding an entire repo — chunking code so retrieval stays meaningful, then streaming Gemini 3.1 Pro answers over SSE with citations that actually point at the right lines.

the route

01Built the ingestion pipeline: clone → parse → chunk → embed with text-embedding-004.
02Dual-schema design — Postgres/Prisma for structure, Chroma for vectors.
03React Flow renders the architecture graph so you can see the system.
04RAG retriever + Gemini 3.1 Pro power the chat, streaming over SSE.

not deployed yet — runs beautifully on localhost

source

case file 05 / 06

Scatch

a premium bag e-commerce store — elegant UI on a real MERN backend

MongoDBExpressReactNode.jsCustom AuthREST APIs

Scatchlocal build

SCATCH

cargo, but make it good.

view collection

open the build notes+

why I built it

Tutorials hand you fake data. I wanted my own store with a powerful backend and real-time data flowing through custom APIs — end to end, mine.

the difficult bit

Fetching real-time data from the client without the UI flickering, lying, or feeling slow. State, caching and optimistic updates — the unglamorous trilogy.

the route

01Sketched the storefront on paper first (see the slider — that’s literally it).
02Modelled products, users and orders in MongoDB with Mongoose.
03Built custom REST APIs + my own auth instead of reaching for a provider.
04Wired the React client for real-time fetches with optimistic UI.

not deployed yet — runs beautifully on localhost

source

case file 06 / 06

Campus ERP

a student ERP system — SIS, roles, attendance and grades on a LAMP stack

PHPLaravelMySQLJavaApache

Campus ERPlocal build

STUDENT ERPADMIN

NameCourseAttendanceGradeHarshitCSE92%AAaravCSE88%A-MeeraECE95%A+

open the build notes+

why I built it

College runs on one of these and nobody knows how it works. I wanted to learn how enterprise systems juggle huge, relational, permissioned data.

the difficult bit

The sheer weight of the data. Hundreds of students, roles, courses, marks — keeping relationships consistent and queries fast taught me respect for enterprise schemas.

the route

01Designed the MySQL schema first — students, courses, attendance, exams, roles.
02Built RBAC so admin, faculty and students see different worlds.
03Implemented attendance + grading flows with Laravel controllers and blades.
04Stress-tested with bulk data until the slow queries confessed.

not deployed yet — runs beautifully on localhost

source

the playground

because a serious developer is allowed to make weird things

Side quests are still quests.

Games, fan sites, little experiments, portfolio versions. A place to follow curiosity before it becomes a project plan.

featured experiment

Apex

A 3D open-world city racing game, made without a game engine. Just React, Three.js and stubbornness.

Apex

open-world 3D racing — no engine, pure JS physics

Audio Chess

3D chess you play with your voice

Hello Kitty World

a small pastel universe

Hoppibara

a capybara that hops. that’s it. that’s the game

Notes App

the rite of passage, done properly

AI Chatbot

my first conversation with an API

Spotify Clone

pixel-stalking a great UI

GTA VI Fan Site

hype, but make it frontend

Spider-Man Site

with great scroll comes great animation

Anime Site

for the culture

Portfolios v1–v3

this one is v4. they get weirder each time

right now

the in-progress page, which might be the best page

leetcode log

questions and counting

easy 16medium 2hard 0

currently working through Arrays, Strings, Trees.

proof of motion

GitHub commits

Not chasing a streak. Just leaving a trail of things I was curious enough to finish.

education

8.3

current CGPA

B.E. — Computer Science
St. Peter’s College of Engineering & Technology
graduating 2028

The things I bring to a team.

fast learnerself-taughtownershipproblem solvingcommunicationteam playerleadershiptime managementadaptability

certifications + things I showed up for

IBM certified

foundations, done right

NVIDIA certified

one down, more cooking

Google certified

the essentials

hackathon survivor

showed up, shipped, slept eventually

college coding comps

in the arena

the someday wall

MicrosoftGoogleAmazonAtlassianRazorpayZeptoSwiggyZomatoCREDFlipkartMeeshoGrowwPhonePeBrowserStackJuspayPostmanStartupsYC startups

say hi

good ideas deserve an answer

Let's make the next hard thing work.

I am looking for frontend, backend or full-stack internships where I can learn fast, take ownership and build useful products with good people.

write to me

field notes

harshittrivedi.1604@gmail.com github.com/harshit-164 find me on LinkedIn

Chennai, Tamil Nadu

signed,

Harshit

built in Chennai, with curiosity.

I build living interfaces, & AI that ships.

the 97% era

CSE, locked in

first real client

the deep end

graduation → ?

A full stack with an AI brain.

frontend

backend

databases

dev tools

The projects I would actually open in a technical interview.

NodeBase

ClioAI

FlowOS

DevFlow AI

Scatch

Campus ERP

Side quests are still quests.

The things I bring to a team.

Let's make the next hard thing work.

Harshit