const BotanicalIllustration = ({ className = '' }) => ; const ProjectDiagram = ({ kind }) => { const blocks = kind === 'evacuation' ? ['Sensor fusion', 'Predict spread', 'Safer routes'] : kind === 'planner' ? ['Study plan', 'Practice & recall', 'Track progress'] : ['Master résumé', 'Role context', 'Tailored output']; return ; }; const QuickView = ({ profile, projects, experience, skills, certifications, achievements, onExplore }) => { const featured = projects.filter(project => project.engineering); const other = projects.filter(project => !project.engineering); const skillGroups = [ ['Languages & data', ['Python', 'Java', 'COBOL', 'JCL', 'JavaScript', 'TypeScript', 'SQL', 'DB2', 'IMS', 'MySQL', 'PostgreSQL', 'Cassandra', 'Pandas']], ['Interfaces & applications', ['React', 'Flutter', 'Flask', 'Angular', 'Node.js', 'Next.js', 'Figma']], ['AI, cloud & tools', skills.filter(skill => !['Python', 'Java', 'COBOL', 'JCL', 'JavaScript', 'TypeScript', 'SQL', 'DB2', 'IMS', 'MySQL', 'PostgreSQL', 'Cassandra', 'Pandas', 'React', 'Flutter', 'Flask', 'Angular', 'Node.js', 'Next.js', 'Figma'].includes(skill))] ]; React.useEffect(() => { const frame = requestAnimationFrame(() => { const destination = document.getElementById(location.hash.slice(1)); if (destination) destination.scrollIntoView({ behavior: 'instant' }); else window.scrollTo({ top: 0, behavior: 'instant' }); }); return () => cancelAnimationFrame(frame); }, []); const visit = (event, project) => { event.preventDefault(); onExplore({ project: project.name, hash: 'projects' }); }; return

Skip to content

ns.A little curiosity. A lot of possibility.

Software, systems & small discoveries

Nivetha
Sivakumar.

{profile.role}

{profile.introduction}

Read my résumé ↗GitHub ↗Let’s talk ↗

The person behind the little world.

always growing

For a quick introduction.

01 / From the workshop

Ideas, made real.

AI products, useful interfaces, and experiments in how complex systems behave.

{featured.map((project, index) =>

Build / 0{projects.indexOf(project) + 1}

{project.tags?.join(' · ')}

{project.engineering.title || project.name}

{project.description}

{(project.stack || [project.language]).filter(Boolean).map(skill => {skill})}

Engineering choices: {project.engineering.decisions}
What it enables: {project.engineering.outcome}

{project.liveUrl && Open project ↗}Read the code ↗

visit(event, project)}>Visit this project in the 3D workshop ↗

)}

{other.length > 0 &&

More things I’ve made.

{other.map((project, index) =>

0{index + 1}

{project.name}

{project.description}

{(project.stack || [project.language]).filter(Boolean).map(skill => {skill})}

Source ↗ visit(event, project)}>3D workshop ↗

)}

}

02 / The bigger picture

Small details.
Big systems.

Enterprise experience, with the same curiosity I bring to my own projects.

{experience.map(job =>

{job.dates}

{job.title}

{job.company}

{bullet}

{job.awards.map(award => {award})}

)}

03 / A growing toolkit

Different tools.
One curious mind.

{ event.preventDefault(); onExplore({ hash: 'skills' }); }}>Wander through the skill garden ↗

{skillGroups.map(([title, members]) =>

{title}

{members.filter(skill => skills.includes(skill)).map(skill => {skill})}

)}

04 / Keep learning

A little further,
every day.

ServiceNow credentials across development, administration, automation, and AI.

Verified credentials ↗

{credential.name}
{credential.category} · {new Date(`${credential.completed}T12:00:00`).toLocaleDateString('en-GB', { month: 'short', year: 'numeric' })}

Explore my ServiceNow portfolio ↗

05 / Along the way

Little seeds.
Lasting milestones.

{achievements.map((achievement, index) =>

{achievement.title}

{achievement.desc}

)}

06 / The next chapter

Let’s build
something thoughtful.

{profile.email} ↗

LinkedIn ↗GitHub ↗Download résumé ↓

; }; const PortfolioExperience = ({ profile, projects, experience, skills, certifications, achievements, onRefresh, refreshing }) => { const readMode = () => new URLSearchParams(location.search).get('view') === 'quick' ? 'quick' : 'explore'; const [mode, setMode] = React.useState(readMode); const worldHash = React.useRef(location.hash || '#world'); const [worldVisit, setWorldVisit] = React.useState(0); const navigate = (next, { hash, project } = {}) => { if (mode === 'explore') worldHash.current = location.hash || '#world'; const url = new URL(location.href); url.searchParams.delete('project'); if (next === 'quick') url.searchParams.set('view', 'quick'); else url.searchParams.delete('view'); if (project) url.searchParams.set('project', project); url.hash = hash || (next === 'explore' ? worldHash.current : 'top'); history.pushState(null, '', url); setMode(next); if (next === 'explore') { setWorldVisit(value => value + 1); window.scrollTo({ top: 0, behavior: 'instant' }); } }; React.useEffect(() => { const back = () => { setMode(readMode()); setWorldVisit(value => value + 1); }; window.addEventListener('popstate', back); return () => window.removeEventListener('popstate', back); }, []); const modeURL = next => { const url = new URL(location.href); url.searchParams.delete('project'); if (next === 'quick') url.searchParams.set('view', 'quick'); else url.searchParams.delete('view'); url.hash = next === 'quick' ? 'top' : worldHash.current; return url.pathname + url.search + url.hash; }; return <>{mode === 'quick' ? navigate('explore', options)} /> : }; };