Rubai Rahman

</> Frontend Engineer

React•Next.js•TypeScript•Framer Motion•Tailwind

Agent Info

Codename “Code Phantom” — a Frontend Duelist wielding React.js, Next.js, and TypeScript. Navigates complex projects with precision and speed, leaving optimized, scalable applications in their wake.

Equipped with tools like Shadcn UI, TanStack Query, React Hook Form, and Framer Motion, I approach every codebase like a tactical mission. Anime battles and gaming sessions fuel my strategy and creativity.

🛡️Combat History

Junior Software Engineer

Feb 2023 - Mar 2025

Bits Software Solutions, Dhaka

⚡Led development of responsive web apps using React & Next.js.
⚡Collaborated with cross-functional teams to implement features.
⚡Optimized performance through code refactoring and best practices.
⚡Enhanced UX and responsiveness like a true optimization ninja.

⚡CURRENT Quest

Leveling up my portfolio and exploring cutting-edge frontend technologies while maintaining clean code, exceptional user experiences, and continuous learning. Always ready for the next mission!

Tech Constellation

A cinematic view of the tools I use.

JavaScript

React

Tailwind CSS

TypeScript

Git

Postman

Next.js

Vite

React Hook Form

Redux

Zustand

shadcn/ui

Framer Motion

TanStack Query

Zod

i18n

Storybook

Vitest

RTL

Playwright

Turborepo

Express.js

Firebase

Prisma

Hasura

Figma

Vercel

Render

Render

Datadog

Cursor

JavaScriptReactTailwind CSSTypeScriptGitPostmanNext.jsViteReact Hook FormReduxZustandshadcn/uiFramer MotionTanStack QueryZodi18nStorybookVitestRTLPlaywrightTurborepoExpress.jsFirebasePrismaHasuraFigmaVercelRenderDatadogCursor

Project Timeline

Chrono Click

E-commerce

Chrono Click

E-commerce platform for purchasing timepieces, featuring user roles, cart, live inventory, and email order confirmations.

Fullstack App•Achieved 95% Lighthouse score and reduced data fetch time by 30%

Tech Stack

Next.jsTypeScriptTailwind CSSShadcn/UIZustand+3

Doctor Portal

Web App

Doctor Portal

A booking system for doctor appointments with admin dashboard and secure JWT authentication.

Fullstack App•Supported 50+ daily appointments with 98% uptime

Tech Stack

ReactTailwind CSSFirebase AuthMongoDBExpress.js

Car Service

Service Web App

Car Service

Car service booking web app with service listings, booking flow, and protected routes.

Fullstack App•Handled 200+ bookings within the first month post-launch

Tech Stack

ReactTailwind CSSFirebase HostingNode.jsExpress.js+1

Rest Countries

Front-end App

Rest Countries

Country explorer using the REST Countries API, featuring search, filter, and light/dark mode.

Frontend App•Used in 30+ user sessions daily

Tech Stack

ReactREST Countries APITailwind CSS

Company Communication

Web App

Company Communication

Team communication platform with real-time chat, authentication, and group management.

Full-stack Developer•Engaged 10+ active teams weekly

Tech Stack

Next.jsTailwind CSSHasuraPostgreSQLNextAuth+1

Admin Dashboard

Dashboard

Admin Dashboard

Admin panel with interactive charts, user management, and auth flow.

Frontend App•Dashboard used for data insights in internal reports

Tech Stack

ReactTailwind CSSRechartsFirebase

Movie

Media Browser

Movie

Movie browsing app using Next.js 13, featuring server-side rendering and dynamic routes powered by TMDB API.

Frontend App•500+ searches conducted within a week post-launch

Tech Stack

Next.js 13Tailwind CSSTMDB API

Blog Site

Content

Blog Site

A simple blogging platform with markdown support and smooth reading experience.

Fullstack App•Multiple posts read per session by visitors

Tech Stack

ReactTailwind CSSMarkdownFirebase Hosting

Snake Game

Game

Snake Game

Classic Snake game implemented using Canvas API in JavaScript.

Frontend App•Played by 100+ users on GitHub Pages

Tech Stack

HTMLCSSJavaScript (Canvas API)

Initiate Comm Protocol

CONTACT ZONE

◆ COMMUNICATION CHANNELS

Signal Beacon

rubairahman1@gmail.com

Messenger Relay

Rubai Rahman

Field Network

+8801798100347