• Resume

Hi, my name is

_

I'm a software engineer specializing in building (and occasionally designing) exceptional digital experiences. Currently, I'm focused on building accessible, human-centered products.

Resume

SCROLL

About Me

Hello! My name is Swakkhar and I enjoy creating things that live on the internet. My interest in web development started back when I decided to try editing custom Tumblr themes — turns out hacking together HTML & CSS is pretty cool!

Fast-forward to today, and I've had the privilege of building software for a student management system, an academic routine portal, and a lost & found platform. My main focus these days is building high-performance, accessible products and digital experiences for a variety of sectors.

I also have a strong background in competitive programming and Machine Learning, which helps me write efficient, optimized code.

Swakkhar (Abid Al Hossain) - Full Stack Developer and Creative Engineer Portfolio

Skills & Tech Stack

Languages

  • ▹ JavaScript (ES6+)
  • ▹ TypeScript
  • ▹ Python
  • ▹ Java
  • ▹ C++
  • ▹ Kotlin
  • ▹ HTML5
  • ▹ CSS3
  • ▹ SQL
  • ▹ NoSQL

Frontend

  • ▹ React.js
  • ▹ Next.js
  • ▹ Redux
  • ▹ Tailwind CSS
  • ▹ Framer Motion
  • ▹ Three.js
  • ▹ Material UI

Backend

  • ▹ Node.js
  • ▹ Express.js
  • ▹ MongoDB
  • ▹ Mongoose
  • ▹ REST APIs
  • ▹ Authentication (JWT, OAuth)

Tools & DevOps

  • ▹ Git
  • ▹ GitHub
  • ▹ VS Code
  • ▹ Postman
  • ▹ Vercel
  • ▹ Render
  • ▹ Android Studio

Machine Learning

  • ▹ Scikit-learn
  • ▹ Pandas
  • ▹ NumPy
  • ▹ Matplotlib
  • ▹ XGBoost
  • ▹ LightGBM
  • ▹ CatBoost

← swipe →

Projects

Student Hall Management System

A modern RBAC portal for university halls. Features dynamic dashboards, persistent sessions, and a robust mock data engine.

  • React
  • TypeScript
  • Vite
  • Tailwind CSS

Letterly: Smart Word Suggestion App

A powerful Android dictionary and word-finding tool with 14 search modes. Powered by DataMuse API for real-time rhymes, synonyms, and pattern matching.

  • Kotlin
  • Retrofit 2
  • Coroutines
  • Material Design

Class Routine Management

An intelligent Local-First academic portal with role-based dashboards and zero-backend latency. Features automated scheduling and real-time routine management.

  • React
  • TypeScript
  • Vite
  • Zustand
  • Framer Motion

Used Car Price Prediction

A machine learning-powered web application that predicts used car prices using an ensemble of CatBoost, XGBoost, and LightGBM with an ASP.NET Core frontend.

  • ASP.NET Core
  • Python
  • ML Ensemble
  • Docker

Currency Converter

A responsive, zero-framework currency converter. Features live exchange rate fetching, multi-currency comparison, and dynamic flag rendering.

  • HTML5
  • CSS3
  • Vanilla JS
  • Currency API

Rock Paper Scissor

A classic browser game with keyboard controls and sound effects. Features random computer moves and live score tracking.

  • HTML5
  • CSS3
  • Vanilla JS

Lost and Found Web Portal

A full-stack web application designed to reunite people with lost belongings. Features real-time communication, smart matching, and secure JWT authentication.

  • React
  • ASP.NET Core
  • EF Core
  • SQL Server

← swipe →

04. Products

Premium HTML/Vite static website template system$99

Chronos - Multi-Era HTML Template System

20 layouts, 17 eras, live customization, and single-layout export.

A customizable static template product for developers, designers, freelancers, and agencies who want exportable website packages without backend setup.

HTMLCSSJavaScriptViteAlpine.jsStatic WebsitesTemplate SystemDigital Product

Quick Facts

20

Layouts

17

Visual eras

70+

Google Fonts

$99

Price

Live DemoVideo DemoGumroadLemon Squeezy

05.Career & Direction

Future Goals

I am highly interested in remote work opportunities and building SaaS products. My long-term goal is to specialize in scalable architecture and distributed systems while continuing to refine my frontend engineering skills.

Remote FirstSaaS DevelopmentOpen SourceScalable Systems

Engineering Mindset

  • 1

    Precision

    Pixel-perfect implementation from Figma to Code.

  • 2

    Performance

    Optimizing for speed, accessibility, and SEO.

  • 3

    Scalability

    Building modular, component-driven architectures.

  • 4

    Clean Code

    Writing maintainable, type-safe code with best practices.

What's Next?

Get In Touch

I'm currently looking for new opportunities, my inbox is always open. Whether you have a question or just want to say hi, I'll try my best to get back to you!

Say Hello

Designed & Built by Swakkhar