Navigation menu panel

Sahan
Available for work

Turning Ideas into Exceptional Digital Experiences

A frontend developer driven by a passion for clean code and seamless user experiences. I transform ideas into responsive, fast, and visually engaging websites that delight users and clients alike.

What I've Built

Featured Projects

Here's a selection of projects I've worked on. Each one highlights my dedication to quality and attention to detail.

YC Directory

A modern web application for startup pitches built with Next.js 15, Sanity CMS, and TypeScript. The platform allows users to submit, view, and explore startup pitches with a clean and intuitive interface.

TypeScriptNext.jsTailwind CSSShadCNZodSanity CMSSentry Error Tracking
YC Directory

BookNest

BookNest is a modern web application built with Next.js that provides an intuitive interface for browsing and purchasing books online.

TypeScriptNext.jsTailwind CSSShadCNSentry Error Tracking
BookNest

Acme Dashboard

A responsive dashboard project created using Next.js App router and authentication

TypeScriptNext.jsTailwind CSSShadCNReact Hook FormZod
Acme Dashboard

Bookmark

A responsive landing page for bookmark managing service. This is a solution to the Bookmark landing page challenge on Frontend Mentor.

HTMLSassJavaScript
Bookmark

Who I Am

About Me

Hi, I'm Sahan Vibhashana Bandara, a passionate frontend developer dedicated to crafting user-friendly, visually stunning, and performant websites. With a strong foundation in HTML, CSS, JavaScript, and TypeScript, I specialize in creating responsive, accessible, and dynamic user interfaces using modern frameworks like React and Next.js.

My journey in web development began with a fascination for design and technology, and over the years, it has evolved into a career that allows me to combine creativity with problem-solving. I've had the privilege of collaborating on diverse projects, from simple landing pages to complex web applications, honing my skills in frameworks like TailwindCSS, Sass, ShadCN, and libraries such as Chakra UI and Material UI.

Beyond coding, I'm passionate about continuous learning. I actively keep up with industry trends, experiment with emerging technologies, and love collaborating with cross-functional teams to bring innovative ideas to life.

When I'm not coding, you'll find me exploring design inspiration, contributing to open-source projects, or enjoying a good cup of coffee.

Let's create something incredible together. Feel free to check out my projects or reach out—I'd love to connect!

Sahan Bandara

My Journey

Work Experience

I've had the privilege of working on diverse projects that honed my technical skills and creativity. Here are some highlights:

Oct 2023 - Oct 2024

Euka Future Learning

Frontend Developer

Frontend Developer
  • Developed dynamic web apps using ReactJS, TypeScript, and Chakra UI for responsive, accessible design.
  • Integrated user interfaces from Figma and Zeplin with pixel-perfect precision.
  • Optimized state management with Jotai and enhanced frontend-backend synergy using Laravel and InertiaJS.
  • Employed Agile practices for iterative development and timely delivery.
  • Led knowledge-sharing sessions to promote team growth and collaboration.

Tech Stack and tools:

ReactJSTypeScriptChakra UIAxiosVitestWordpressReact Testing LibraryViteLaravelFigmaGitHubBitBucketJira

Sep 2021 - Sep 2023

Pearson

Software Engineer (UI/UX)

Software Engineer (UI/UX)
  • Built responsive, accessible UIs based on design team specifications.
  • Collaborated with developers and stakeholders to ensure project success.
  • Utilized ReactJS, SCSS, and CSS-in-JS techniques like Styled Components.
  • Streamlined workflows with Webpack, Yarn, and CRA, ensuring smooth development.
  • Ensured accessibility with Figma and adhered to Agile practices using Jira.

Tech Stack and tools:

ReactJSJavaScriptSassCSS ModulesAxiosStyled ComponentsWebpackYarnCreate React AppFigmaGitLabBitBucketJira

Dec 2017 - Sep 2021

Eyepax

Software Engineer (UI/UX)

Software Engineer (UI/UX)
  • Designed and implemented responsive, accessible UIs, enforcing coding standards.
  • Collaborated with developers and stakeholders to align project goals.
  • Utilized ReactJS, SCSS, Sass, PHP, and Laravel for robust web applications.
  • Bridged design and development using Figma, Adobe XD, and Zeplin.
  • Optimized workflows with Gulp, Webpack, and Agile practices via Jira.

Tech Stack and tools:

ReactJSJavaScriptAxiosSassBootstrapCSS ModulesCreate React AppjQueryPHPLaravelWebpackYarnFigmaAdobe XDBitBucketJira

Nov 2016 - Nov 2017

Xcendant

UI/UX Engineer

UI/UX Engineer
  • Created responsive UIs for web and mobile, adhering to coding standards.
  • Collaborated with developers and stakeholders for aligned project goals.
  • Leveraged HTML, CSS, JavaScript, jQuery, PHP, and GSAP for dynamic designs.
  • Enhanced visuals using Adobe XD, Photoshop, and Illustrator.
  • Streamlined workflows with Git and SVN for version control.

Tech Stack and tools:

HTML 5CSS 3JavaScriptBootstrapSassjQueryPHPMySQLJiraAdobe XDAdobe PhotoshopAdobe IllustratorBitBucket

Jan 2014 - Nov 2016

iOneSoft

UI/UX Engineer

UI/UX Engineer
  • Designed and implemented responsive UIs for web, mobile, desktop, and kiosk applications.
  • Enforced UI coding standards and collaborated globally with teams and clients.
  • Used HTML, CSS, JavaScript, AngularJS, KnockoutJS, and tools like WordPress and Ionic.
  • Streamlined workflows with Git and TFS for efficient project delivery.

Tech Stack and tools:

HTML 5CSS 3JavaScriptAngularJSPHPjQueryBootstrapMySQLWordpressIonicAndroidJoomlaAdobe XDAdobe PhotoshopAdobe IllustratorTFSBitBucketJira

My Toolbox

Skills & Technologies

Here are the tools and technologies I use to turn ideas into reality:

HTML
CSS
JavaScript
TypeScript
ReactJS
Next.js
ShadCN
Tailwind CSS
Sass
CSS Modules
Styled Components
Chakra UI
Material UI
Bootstrap
Vitest
Testing Library

Let's Connect

Get in Touch

Have a project in mind? Let's collaborate to make it happen. Drop me a message, and I'll get back to you soon.