Karthick T — Software Engineer

KARTHICK T

RESUME GET IN TOUCH

karthick-portfolio

KARTHICK // SOFTWARE ENGINEER. REACT SPECIALIST & ASPIRING
MERN DEVELOPER BUILDING FAST, RELIABLE WEB APPLICATIONS.

VIEW MY WORK→GET IN TOUCH>

1.8 YEARS EXPERIENCE // 3+ PROJECTS SHIPPED // REMOTE WORLDWIDE

REACT

JAVASCRIPT

NEXT.JS

TAILWIND

HTML

CSS

EXPRESS

MONGODB

NODE.JS

TYPESCRIPT

REACT

JAVASCRIPT

NEXT.JS

TAILWIND

HTML

CSS

EXPRESS

MONGODB

NODE.JS

TYPESCRIPT

REACT

JAVASCRIPT

NEXT.JS

TAILWIND

HTML

CSS

EXPRESS

MONGODB

NODE.JS

TYPESCRIPT

INTERACTIVE IDE // LIVE PREVIEW

FileEditSelectionViewGoRunTerminal

karthick-porfolio-src/components/Hero.tsx[WSL: Ubuntu]

⚡ NEXT.JS 15

⚙️

Explorer...

▼KARTHICK-PORFOLIO

▶.next

▼src

▼components

⚛Hero.tsx

▼app

⚛page.tsx

#globals.css

{ }package.json

⚛Hero.tsx✕

⚛page.tsx✕

#globals.css✕

src/components>Hero.tsx>export default Hero()

import { useState, useEffect } from "react";

import GlitchText from "@/components/GlitchText";

import VSCodeInterface from "@/components/VSCodeInterface";

export default function Hero() {

const [status, setStatus] = useState("AVAILABLE_FOR_WORK");

const engineer = {

name: "Karthick T",

role: "Software Engineer & React Specialist",

stack: ["React", "Next.js", "TypeScript", "MERN"],

projectsShipped: 3,

};

return (

</section>

);

}

IntelliSense SuggestionTS

PGlitchTextComponent

mVSCodeInterfaceComponent

vAVAILABLE_FOR_WORKString

PROBLEMS 0OUTPUTTERMINAL✓ Ready

karthigeyan@dev-machine:~/portfolio$npm run dev

▲ Next.js 15.1.9- Local: http://localhost:3000

✓ Ready in 620ms⚡ HMR Enabled

✓ Compiled / in 340ms (1180 modules)(GET / 200 in 18ms)

main*

0 ⊗0 △

✓ PrettierPort: 3000

Ln 9, Col 24Spaces: 2UTF-8TypeScript React🔔

JAVASCRIPT

EXPRESS JS

MONGODB

REACT

NEXT JS

TAILWIND

HTML / CSS

[01] // BY THE NUMBERS

1.8+YEARS EXPERIENCE

3+PROJECTS SHIPPED

99.9%UPTIME DELIVERED

12OPEN-SOURCE REPOS

012025

E-Shopping

DEVELOPED A RESPONSIVE E-COMMERCE WEB APPLICATION USING REACT, REDUX TOOLKIT, AND TAILWIND CSS WITH PRODUCT MANAGEMENT, CART, WISHLIST, AUTHENTICATION, AND GLOBAL STATE MANAGEMENT.

REACT JSTAILWIND CSSFIREBASE

022025

NOTES-APP

BUILT A NOTES MANAGEMENT APPLICATION USING REACT, FIREBASE, AND REDUX TOOLKIT WITH REAL-TIME CRUD OPERATIONS, AUTHENTICATION, AND GLOBAL STATE MANAGEMENT.

REACT JSTAILWIND CSSFIREBASE

032025

QUIZ-APP

DEVELOPED AN INTERACTIVE QUIZ APPLICATION USING REACT AND REDUX TOOLKIT, FEATURING DYNAMIC QUESTION HANDLING, SCORE TRACKING, AND GLOBAL STATE MANAGEMENT FOR A SEAMLESS USER EXPERIENCE.

REACT JSTAILWIND CSSFIREBASE

FRONTEND ENGINEERING

REACT, NEXT.JS & TYPESCRIPT. ACCESSIBLE, RESPONSIVE INTERFACES BUILT TO A PIXEL-PERFECT STANDARD.

React 19Next.js 15TypeScriptJavaScript ES6+Tailwind CSS v4HTML5 / CSS3Responsive LayoutsPixel-Perfect UI

REACT / NEXT

BACKEND & INFRASTRUCTURE

NODE.JS, EXPRESS & MONGODB. TYPED APIS, EVENT-DRIVEN SYSTEMS, AND DATABASES THAT SCALE UNDER LOAD.

Node.jsExpress.jsMongoDBMongooseRESTful APIsWebSockets & Socket.IOJWT AuthenticationDatabase Schema Design

API / DB / MERN

FRONTEND LIBRARIES & ECOSYSTEM

MODERN FRONTEND TOOLING, ECOSYSTEM LIBRARIES, STATE MANAGEMENT, TESTING & PERFORMANCE OPTIMIZATION.

TypeScriptTanStack QueryAxiosReact Hook FormZodShadcn/uiFramer MotionReact Testing LibraryVitestPlaywrightREST API IntegrationAuth & AuthorizationAdvanced Redux ToolkitState ArchitecturePerformance Optimization

LIBRARIES / TOOLS

DISCOVER & SCOPE

UNDERSTAND THE PROBLEM, MAP CONSTRAINTS, AND DEFINE WHAT 'DONE' ACTUALLY MEANS.

DESIGN & BUILD

ITERATE IN SHORT LOOPS. TYPED, TESTED, REVIEWABLE CODE FROM THE FIRST COMMIT.

SHIP & ITERATE

DEPLOY WITH MONITORING, MEASURE IMPACT, AND IMPROVE BASED ON REAL USAGE.

KARRTHICK9@GMAIL.COM DOWNLOAD RESUME

I BUILD FAST, @keyframes tw-blink { 0%, 100% { opacity: 1; } 50% { opacity: 0; } } RELIABLE @keyframes tw-blink { 0%, 100% { opacity: 1; } 50% { opacity: 0; } }

SOFTWARE. @keyframes tw-blink { 0%, 100% { opacity: 1; } 50% { opacity: 0; } }

PROJECTS I'VE SHIPPED. @keyframes tw-blink { 0%, 100% { opacity: 1; } 50% { opacity: 0; } }

E-Shopping

NOTES-APP

QUIZ-APP

WHAT I BRING TO THE TABLE. @keyframes tw-blink { 0%, 100% { opacity: 1; } 50% { opacity: 0; } }

FRONTEND ENGINEERING

BACKEND & INFRASTRUCTURE

FRONTEND LIBRARIES & ECOSYSTEM

FROM IDEA TO PRODUCTION. @keyframes tw-blink { 0%, 100% { opacity: 1; } 50% { opacity: 0; } }

DISCOVER & SCOPE

DESIGN & BUILD

SHIP & ITERATE

HAVE A PROJECT? LET'S TALK. @keyframes tw-blink { 0%, 100% { opacity: 1; } 50% { opacity: 0; } }