01About

I build digitalexperiences thatare clear, accessibleand made to last.

Senior Frontend / UI Engineer

  • React
  • Next.js
  • TypeScript
  • Accessibility
  • AI Engineering

18+ years across design, teaching, web development and frontend engineering — now building AI-enabled products for a more inclusive and thoughtful web.

Download Resume Let's Connect
Shantanu Chattopadhyay seated with a OnePlus Pad in a workspace
Scroll to explore

02My Story

From
visual design
to frontend
engineering
to AI-enabled
products.

A journey driven by curiosity, creativity and real-world impact.

I didn't begin my career as a frontend engineer.

My journey started with visual design and teaching, then moved into web development, enterprise UI engineering, accessibility, React / Angular, and now AI-enabled products.

That progression shaped the way I work today: understanding both how an experience should look and how it should actually work. I enjoy solving real problems, working with great people, and building products that make a positive difference.

18+Years

  1. Design
  2. Web
  3. UI Engineering
  4. Accessibility
  5. AI Products

03Professional Journey

Different
roles.
A common
purpose.

From education to travel, from enterprise products to AI — every step has added a new perspective to how I build today.

  1. Early Years

    Arena Animation

    • Teaching
    • Graphics & Web
    • Visual Design

    Learned design, tools and the importance of communication.

  2. Web Development

    Hideaway Holidays

    • WordPress
    • Custom Themes
    • SEO

    Built real-world web projects and learned end-to-end delivery.

  3. 2020–2026

    LearningMate Solutions

    • React / Angular
    • Accessibility
    • Frontend Leadership

    Worked on enterprise education products, led frontend development and accessibility initiatives.

  4. Frontend + AI

    Today

    • Next.js
    • AI Engineering
    • AI-enabled Applications

    Combining frontend engineering and AI to build more useful and inclusive digital experiences.

04Capabilities

A broad
toolkit for
real-world
impact.

Technologies I use to turn ideas into accessible, scalable and engaging experiences.

BuildDesignOptimizeIncludeInnovate

Frontend Engineering

  • React
  • Next.js
  • TypeScript
  • JavaScript
  • Angular
  • HTML5
  • CSS3

UI & Design Systems

  • Tailwind CSS
  • Material UI
  • Storybook
  • Bootstrap
  • Figma
  • Adobe XD

Accessibility

  • WCAG 2.0 / 2.1 / 2.2
  • ARIA
  • NVDA
  • JAWS
  • Keyboard Accessibility

Testing & Quality

  • Jest
  • React Testing Library
  • Cypress
  • Playwright
  • Jasmine / Mocha

AI Engineering

  • Prompt Engineering
  • RAG
  • LangChain
  • LangGraph
  • LlamaIndex
  • n8n
  • Hugging Face
  • Google AI Studio
  • MCP

Other Tools & Platforms

  • Git
  • Webpack
  • Vite
  • Docker
  • REST APIs
  • GraphQL
  • WordPress
  • Drupal
  • Webflow
  • React Native

05Current Direction

The next chapter
is not leaving frontend.
It is making frontend
more intelligent.

Combining modern frontend engineering with AI to solve real problems and build more useful, accessible and intelligent digital experiences.

01

DeepResearch AI

A full-stack AI research application built with Next.js + TypeScript, combining structured research workflows with an accessible frontend experience.

Next.js · TypeScript · AI APIs · Accessibility

View Project

02

AI Engineering Journey

Expanding beyond traditional frontend development through RAG, AI agents, orchestration, automation and practical LLM integrations.

RAG · LangChain · LangGraph · n8n · MCP

Explore Learning — dedicated learning page coming soon

06How I Work

Principles
that guide
my work.

These aren't just ideas — they shape how I build, collaborate and learn.

  1. Accessible
    by default.

    Inclusive experiences from the beginning.

  2. Simple
    before clever.

    Clarity over unnecessary complexity.

  3. Reusable
    before repeated.

    Components, systems and scale.

  4. Performance
    is UX.

    Fast, smooth and reliable experiences.

  5. Learn.
    Build.
    Improve.

    Always curious. Always evolving.

07Certifications & Learning

Continuous
learning
for a
broader
impact.

Technology keeps evolving. So do I.

  1. Deque University

    Accessibility Certification

    Web accessibility · WCAG · inclusive digital experiences

  2. Outskill

    AI Engineering Accelerator Program

    Prompt Engineering · RAG · AI Agents · LangChain · LangGraph · n8n

  3. React / Frontend Training

    LearningMate

    Modern frontend development and application engineering

  4. Ongoing Learning

    Next.js · TypeScript · Frontend Architecture · AI Engineering

08Beyond Work

Good digital products
should feel simple,
even when the engineering
behind them isn't.

Outside of work, I enjoy spending time with family, exploring new places, reading, and following football. I'm a strong believer in continuous learning — whether it's a new technology, a different culture, or a better way to solve problems.

These experiences keep me curious and grounded.

“Technology is better
when it brings people
together.”

09Let's Connect

Let's build
something
thoughtful.

I'm open to new opportunities, interesting projects and meaningful collaborations.

View Projects Download Resume