I'm Abas, A Full-Stack Engineer Bridging Design & Development to Build Production-Ready Products.

I combine full-stack engineering with UX design to build scalable, human-centered web applications that are technically robust, intuitive, and built for real users.

Problems Solved Through Code & Design

A selection of projects where full-stack development and UX design intersect to deliver real, functional products.

Coming Soon

Full-Stack AI Career Tech UX Design

CareerWise AI — Career Assistant

An AI-powered career assistant that helps job seekers land their next role faster, offering personalized resume guidance, smart job matching, and interview preparation tools designed to build confidence and clarity at every stage of the job search.

View Project

Full-Stack Data Analytics Sports Tech UX Design

ClutchStats — NBA Analytics Platform

A full-stack fantasy basketball analytics platform powered by a custom player impact scoring engine, turning live NBA stats into clear, actionable insights that give fantasy GMs the edge to make smarter, faster decisions.

View Project

Full-Stack Productivity Dashboard UX Design

LifeOS — Personal Productivity Platform

A full-stack personal productivity and life management platform built around structured dashboards for tasks, focus sessions, and activity logs, helping users take control of their time and stay focused on what matters most.

Full-Stack Skills, UX Thinking

Covering UX research, prototyping, and full-stack development to deliver complete, production-ready web applications.

Design to Development

Figma / Adobe XD / Webflow

Crafting pixel-perfect layouts and seamless transitions from design to functional interfaces.

Responsive Development

HTML / CSS / JavaScript

Building responsive and accessible interfaces with smooth animations and optimized performance.

Scalable, Modular Builds

React / Node.js / PostgreSQL

Delivering scalable websites through reusable components and clean, maintainable code.

My Design & Development Process

A hybrid process spanning UX research and design through to full-stack implementation, ensuring every product is usable, scalable, and technically sound.

01

Research

Uncover user needs, pain points, and project requirements through research and discovery.

02

Define

Frame the problem, set project goals, and plan the system architecture and technical approach.

03

Design

Create wireframes, high-fidelity UI, and interactive prototypes ready for implementation.

04

Build

Develop the frontend and backend — responsive UI, REST APIs, databases, and server-side logic.

05

Test

Validate through usability testing, functional QA, and performance checks before launch.

06

Deploy & Iterate

Launch the product, monitor real-world performance, and continuously refine based on feedback.

Training & Certifications

Formal training across full-stack development and UX design, backed by industry-recognized programs that cover the full product development lifecycle.

BrainStation UX Designer Certification

Project-based UX Design Bootcamp from BrainStation covering the full design process, from user research, personas, and wireframing to prototyping and usability testing, with real industry sprint weeks demanding cross-functional collaboration and professional-grade deliverables.

Google UX Design Certification

A comprehensive 7-course Google certification spanning the full UX product lifecycle, from foundational research and wireframing to high-fidelity prototyping, usability testing, and developer handoff.

Full-Stack Web Development Bootcamp

Project-based program from The App Brewery focused on building full-stack web applications using HTML, CSS, JavaScript, React, Node.js, PostgreSQL, and Web3 technologies.

Webflow Web Design & Development Certification

Proficient in HTML, CSS, responsive design, and CMS architecture, with hands-on experience building dynamic, production-ready websites in Webflow.