Front-end web developer · Bengaluru

Turning Figma frames into pixel-perfect React.

I'm Meghana Revankar. I build responsive, accessible interfaces with React, TypeScript, and Bootstrap — and I obsess over the gap between a design file and shipped, cross-browser code.

See the work Get in touch
frame / hero.fig 375 × 812
<section> const Hero = () => ( <h1>Ship it</h1> ); </section>
0px↔ 100%375px

About

Front-end, front and center.

I work across the full front-end stack — HTML5, CSS3, SCSS, JavaScript, TypeScript, and React — translating UI/UX designs into interfaces that hold up across devices and browsers. Most of my day-to-day is spent converting Figma files into components that match the design down to the pixel, then making sure they perform well and stay easy to maintain.

4+ yrsfront-end experience
2teams shipped for
100%Figma-to-code focus

Stack

Tools I build with.

Languages & frameworks

ReactTypeScriptJavaScript

Web technologies

HTML5CSS3SCSS

UI libraries

Bootstrap 5Material UI

Design & tools

FigmaCanvaPostmanGit

Experience

Where I've built.

Nov 2024 — Present

Frontend Web Developer

Teczen · Bengaluru

  • Develop responsive UI components using React, JavaScript, HTML5, and CSS3.
  • Convert Figma designs into pixel-perfect responsive pages.
  • Improve performance and ensure cross-browser compatibility.

Aug 2021 — Jan 2024

Junior Web Developer

Meritorious Techno Solutions · Bengaluru

  • Built responsive websites using HTML, CSS, JavaScript, and Bootstrap.
  • Implemented UI components based on Figma designs.
  • Fixed UI issues and enhanced overall user experience.

Education

Where it started.

Bachelor of Engineering — Electronics & Communication Engineering

APS College of Engineering · Bengaluru, Karnataka

Jul 2018 — Aug 2021

Projects

Hover a card to flip it.

Design → code

Figma to Responsive Website Conversion

Full-fidelity conversion of a UI/UX design file into production HTML, CSS, and JavaScript.

hover / focus to flip →

  • Converted UI designs into responsive HTML, CSS, and JavaScript layouts.
  • Ensured pixel-perfect UI across desktop, tablet, and mobile devices.
  • Verified spacing, type, and color against source Figma file at every breakpoint.

Component library

React UI Components

A set of reusable React components built for consistency across product surfaces.

hover / focus to flip →

  • Built reusable React components with clear, minimal prop interfaces.
  • Structured for reuse across multiple pages without style drift.
  • Paired with Bootstrap 5 and Material UI for layout and inputs.