Frontend Engineer · Senior Lecturer · Researcher · Entrepreneur
TypeScript enthusiast, building useful tools and sharing what I learn.
I'm Hashan Shalitha, a frontend engineer who enjoys turning complex requirements into elegant, intuitive digital experiences. My work brings together software development, teaching, and research into how we build with AI.
- Engineering: Software Engineer (Front-end) at Rightmo Web Solution & Progress Partners, working with modern frontend technologies.
- Teaching: Senior Lecturer at Epic Learn Institute of Higher Education, lecturing React.js, Next.js, TypeScript, and other frontend technologies.
- Research & development: Exploring agentic coding, prompt engineering, AI-assisted development, and ways to put research into practice.
- Entrepreneurship: Founder of Devzer Studios, building web applications and experimenting with indie games.
- Education: Graduated from Coventry University, UK (First Class Division).
Online Web Toolkit started as a command-line tool that converted Markdown into PDFs. I needed a simpler way to prepare documentation and create presentations to guide my team.
That small utility grew into a shared website for everyday work with Markdown, PDFs, presentations, and images. It gives me a place to apply my engineering ideas to practical problems and make the results useful to other people.
Explore the toolkit · Read the story behind it
React.js · Next.js · TypeScript · JavaScript · React Native · Astro · Tailwind CSS
Agentic Coding · Prompt Engineering · AI Research · Python
Node.js · Express.js · Laravel · MongoDB · PostgreSQL · Firebase
Figma · Storybook
Docker · npm · pnpm · Vercel · Cloudflare
Unity
I write about frontend engineering, AI, and learning through practical examples.
Direct Context providers in Server Components, View Transitions, Fragment refs, browser(), and Trusted Types support, with examples and diagrams to explain where they fit.
Activity, Effect Events, Performance Tracks, and server-rendering improvements, including a working demo that shows what happens to a hidden panel's draft.
Browse my repositories · View my contributions
Contribution streak and repository languages
Language statistics describe public repository code, not proficiency. These cards are provided by third-party services and may take time to update.
I'm interested in conversations about frontend engineering, teaching, useful developer tools, and AI research.




