YONATANE.M
Product-Focused Frontend Engineer //Turning ideas into scalable, high-impact web products with React & Next.js.
About
I build web products that solve real problems not just interfaces.
As a product-focused frontend engineer, I turn ideas into scalable, production-ready applications with a strong emphasis on usability, performance, and long-term maintainability.
I specialize in React and Next.js, architecting systems that balance business goals with technical excellence. My approach combines product thinking, clean component architecture, and thoughtful UX decisions.
I work comfortably across the product lifecycle from shaping early feature ideas with stakeholders to shipping optimized, user-driven experiences in production.
Beyond coding, I study product strategy, experiment with AI-powered workflows, and continuously refine how teams build, ship, and iterate faster.
Skills
Core
4 itemsStyling
5 itemsState
4 itemsAPIs
4 itemsTesting
5 itemsTools
5 itemsExperience
Senior Frontend Developer – BLIH
- ▸
Led frontend architecture and delivery across three completed products: Lionstone Distribution website, BlihOps website, and the BLIH System platform
- ▸
Built and shipped Next.js 16 + React 19 applications with TypeScript and Tailwind CSS for marketing, lead intake, and admin workflows
- ▸
Designed reusable component systems that improved consistency and accelerated feature delivery across multiple codebases
- ▸
Implemented performance optimizations including code splitting, optimized routing, and SEO-focused metadata structure
- ▸
Collaborated with cross-functional teams to translate product requirements into scalable frontend features
- ▸
Integrated pilot/RFQ submission flows and admin review views for operational teams
- ▸
Mentored developers on maintainable, product-aligned frontend practices
Frontend Developer – Zulu Tech
- ▸
Worked on frontend architecture and product implementation for a large-scale web application using Next.js, TypeScript, and Shadcn UI
- ▸
Partnered with product managers to translate roadmap features into scalable frontend systems
- ▸
Designed reusable component architecture that improved development velocity and consistency
- ▸
Implemented performance optimizations including dynamic rendering strategies and code splitting
- ▸
Enhanced user engagement through micro-interactions and refined UX patterns
- ▸
Mentored developers on writing maintainable, product-aligned frontend code
Frontend Developer – Ablaze Labs
- ▸
Built and maintained a multilingual government platform using React and Next.js
- ▸
Focused on accessibility, responsiveness, and clarity for diverse user groups
- ▸
Integrated scalable API-driven content systems to enable dynamic updates
- ▸
Collaborated closely with designers and stakeholders to refine UX through feedback loops
- ▸
Improved interface consistency across releases with structured design systems
- ▸
Delivered high-quality frontend solutions under tight iteration cycles
Frontend Developer (Freelance)
- ▸
Developed production-ready SaaS interfaces using React, Next.js, and TypeScript
- ▸
Architected scalable frontend structures aligned with business and user goals
- ▸
Integrated REST APIs with optimized state management patterns
- ▸
Built conversion-oriented, performance-conscious user interfaces
- ▸
Advised clients on product decisions, technical trade-offs, and frontend scalability
- ▸
Managed full lifecycle delivery — from ideation to deployment
Projects
Production-ready web applications focused on usability, scalability, and measurable product impact.
Noted
A productivity-focused PDF reading companion built with Next.js and TypeScript. Enables contextual note-taking, highlighting, and offline support to improve deep reading workflows for students and researchers.
Resume Tailor AI
An AI-powered web application that analyzes job descriptions, identifies resume gaps, and generates tailored, editable content. Designed for speed, clarity, and measurable job application improvement.
SnapBuild
A structured project planning tool for frontend developers, helping teams define goals, features, milestones, and tech stacks to ship products with clarity and speed.
BuySignal
A conversion-optimization tool that enables businesses to trigger real-time urgency signals and product insights, designed to increase engagement and sales performance.
Query.Design
A developer-focused application that transforms natural language into structured database queries, simplifying data exploration and accelerating decision-making.