Krishna Vaishnav | SDE1 — Frontend Developer

krishna@portfolio ~ %

$ krishna --stats --production

Orchids modules

Built 60% of the entire website

Apps shipped

Production education platforms

Days for MyNOST

Solo-built, thousands of users

SEO score

Up from 58 — Orchids website

$ git log --oneline --graph krishna-career

origin/civil-engineering — v1

v12016–2020•The Beginning

feat: graduate from Uka Tarsadia University (9.44 CGPA)

3 files changed: AutoCAD, Excel, Concrete & Steel

+ B.Tech Civil Engineering — Bardoli, Gujarat

+ Engineering mindset: think in systems

- Any knowledge of what a <div> is

origin/masai-school — v2

v22022–2023•The Career Switch

feat: complete Full Stack Web Development at Masai School

6 files changed: HTML, CSS, JavaScript, React, Node.js, MongoDB

+ Intensive bootcamp — Bengaluru, Karnataka

+ Components, state management, REST APIs

+ Built 4 projects from scratch

- Thinking I know everything after learning React

origin/first-projects — v3

v32023•First Real Projects

feat: ship CodeFuse, Money Mentor, SchoolSync, Skinnetics to prod

6 files changed: React, Redux, TypeScript, Firebase, Tailwind, Spring Boot

+ Led 5-member team on Money Mentor

+ AI-powered interview platform (GPT-3)

+ Role-based auth, real-time features

- Building only for assignments, not users

origin/k12-techno — v4

v4Dec 2023–2024•Professional Work

feat: join K12 Techno Services as SDE1, ship Orchids + MyNOST

6 files changed: Next.js, React, Tailwind CSS, Ant Design, Redux, ISR

+ Led frontend for education platforms used across India

+ Built 60% of Orchids website modules

+ Solo-built MyNOST scholarship platform in 2 days

+ Improved Core Web Vitals (LCP, CLS) & SEO rankings

- Ignoring performance until production

origin/current — v5

v52025 — Present•Current Me

feat: ERP systems, live tracking, scholarship platforms at scale

7 files changed: Next.js, React, TypeScript, Tailwind CSS, Ant Design, Redux, LocoNav

+ ERP Finance — live bus tracking with map integration

+ ERP Eduvate — announcements + assessment systems

+ NammaSuper30 — Karnataka scholarship platform

+ SchoolsUniverse — school listing & comparison

+ DIYWebMaker — drag-and-drop website builder for schools

- Writing code I can't maintain 6 months later

$ cat orchids-case-study.ts

orchids-case-study.ts — ~/projects/orchids

1// orchids-case-study.ts

3const project = {

4name: "Orchids The International School",

5role: "Led frontend — 60% of all modules",

6stack: ["Next.js", "React", "Tailwind CSS", "ISR", "SSR"],

7};

9const modulesOwned = [

10"Blogs", "Study Material", "Campuses",

11"Learning Concepts", "Activities",

12"Admission Campaigns", "CMS Platform"

13];

$ orchids --phase discovery

→Inherited codebase with performance issues.

→Slow listing pages. Poor CLS scores.

→SEO gaps affecting organic traffic.

$ orchids --phase architecture

→Broke monolith components into modular pieces.

→Implemented ISR for content pages.

→Set up CMS pipeline for dynamic content.

$ orchids --phase optimization

→Explicit image dimensions → CLS fixed.

→Next/Image + ISR → LCP improved.

→Code splitting → Bundle size reduced 76%.

$ orchids --phase seo

→Added SSR meta tags + structured data (JSON-LD).

→Semantic HTML + proper heading hierarchy.

→Built admission campaign pages for conversions.

orchids --metrics --before-after

$ orchids --results

LCP4.1s→1.2s

CLS0.42→0.05

Bundle1.6MB→380KB

SEO58→96

$ ls ~/projects/k12-techno/

~/projects/k12-techno

Explorer

// orchids.tsx

export const OrchidsTheInternationalSchool = {

name: "Orchids The International School",

type: "Website & CMS",

status: "deployed",

// what I built

description: "Worked on 60% of website modules — Blogs, Study Material, Campuses, Learning Concepts, Activities. Created admission campaign pages. Built CMS for dynamic content.",

// what changed

impact: "Optimized Core Web Vitals (CLS, LCP), improved ISR & SEO.",

tech: ["Next.js", "React.js", "Tailwind CSS"],

};

$ ps aux | grep "currently-building"

PROCESSPIDSTATUSDESCRIPTION

erp-finance2847RUNNINGTransportation module — live bus tracking via LocoNav, route assignments, fee processing

nammasuper303102RUNNINGKarnataka scholarship platform — secure registration, student dashboards, study materials

$ git log --grep="fix\|refactor" --format=medium mistakes.log

// Every developer has a graveyard of bad decisions.
// Here are mine — because pretending otherwise helps no one.

commit e4f2a1b

e4f2a1b—6 months ago

fix: break apart the monolith listing page

The Orchids listing page was a single Next.js component — filters, cards, pagination, API calls, all in one file. It worked. Until I had to add city and locality filters. CLS scores dropped. LCP was embarrassing.

M pages/listings.tsx → components/ListingCard.tsx, FilterBar.tsx, Pagination.tsx

+412-891|lesson: Structure > Speed. Breaking components early saves weeks later.

commit a8c3d2f

a8c3d2f—8 months ago

refactor: rewrite MyNOST for reusability after 2-day hack

Solo-built MyNOST in 2 days. Shipped. But hardcoded values, no abstractions, no tests. When NammaSuper30 came along, I had to rewrite instead of reuse.

M scholarship/ — extracted shared registration components

+680-520|lesson: Speed without structure creates debt that compounds.

commit f1b9e7c

f1b9e7c—10 months ago

fix: add SSR meta tags and structured data for SEO

Built beautiful pages for Orchids that scored 58 on SEO. Missing meta tags, no structured data, images without dimensions causing CLS issues. Marketing team noticed before I did.

M components/SEOHead.tsx, utils/structuredData.ts

+245-12|lesson: SEO is engineering, not marketing. Treat it as a requirement.

commit d4a7c8e

d4a7c8e—1 year ago

refactor: remove unnecessary Redux from local-state module

Used Redux for a module that only had local UI state. Every button click went through actions, reducers, dispatchers. 3x complexity for zero benefit.

M modules/settings/ — replaced Redux with useState + useContext

+48-312|lesson: Right tool for the problem's size. useState > Context > Redux.

$ npm run test:performance

test:performance — orchids-website

Running performance benchmark suite...

PASSLCP (Largest Contentful Paint)

before:4.1s

after:1.2s

→ ISR + Next/Image + critical CSS inlining

PASSCLS (Cumulative Layout Shift)

before:0.42

after:0.05

→ Explicit dimensions + font-display swap + skeletons

PASSBundle Size

before:1.6 MB

after:380 KB

→ Code splitting + tree shaking Ant Design + dynamic imports

PASSSEO Score

before:58/100

after:96/100

→ SSR meta + structured data + semantic HTML + heading hierarchy

Test Suites: 4 passed, 4 total

Tests: 4 passed, 4 total

Platform: Orchids The International School — production

$ cat ~/thoughts/*.md

~/thoughts/

~/thoughts

# Why Next.js for education platforms?

SEO is critical when parents search for schools.
SSR gives indexable content out of the box.
ISR rebuilds pages without redeploying.
App Router keeps data fetching clean.

For Orchids and SchoolsUniverse —
Next.js wasn't optional. It was the right tool.

// package.json — dependencies

"technicalSkills": {

"ReactJS": "proficient",

"Next.js": "proficient",

"TypeScript": "proficient",

"JavaScript": "proficient",

"HTML5": "proficient",

"CSS3": "proficient",

"Tailwind CSS": "proficient",

"Ant Design": "proficient",

"Bootstrap": "proficient",

"Redux": "proficient",

"Node.js": "proficient",

"Express.js": "proficient",

"MongoDB": "proficient",

"RESTful APIs": "proficient",

"Git": "proficient",

"GitHub": "proficient",

"GitLab": "proficient"

}

"softSkills": [

"Analytical Thinking", "Ownership & Accountability", "Team Collaboration", "UI/UX Sensitivity", "Problem-Solving", "Adaptability", "Communication", "Time & Project Management", "Continuous Learning"

]

$ gh profile KrishnaVaishnav98 --stats

□

30+

Repositories

◆

500+

Contributions

⟩

Languages

◎

KrishnaVaishnav98