Open to Builds & Collaborations

Rakin Al Shahriar · Product Builder · Dhaka

I turn ideas into working products.

Think. Design.Build. Ship.Problem → Product

Product

Decisions

Build

Hands-on

I design and build websites, web applications, and internal tools, combining product thinking, interface design, and hands-on development from the first problem to the shipped result.

Explore Selected Work Explore My GitHub

Dhaka · Working Beyond BordersProduct + Design + Code + Delivery

Think. Design.Build. Ship.Problem → Product

Product

Decisions

Build

Hands-on

My Working Toolkit

Product Thinking

React & Next.js

TypeScript

Responsive Interfaces

Firebase Applications

Internal Tools

UI/UX Systems

Shipping & Iteration

Product Thinking

React & Next.js

TypeScript

Responsive Interfaces

Firebase Applications

Internal Tools

UI/UX Systems

Shipping & Iteration

Selected website work

Websites in action.

Real screenshots from live builds, so you can recognize the product before opening the site.

ferdoushsaleheen.com

Personal brand website

Dr. Ferdoush Saleheen

ferdoushsaleheen.com

Bilingual personal platform for his profile, books, audiobooks, podcasts, research, and public thought leadership.

Visit website

hotelashrafee.com

Hospitality website

Hotel Ashrafee

hotelashrafee.com

Hotel website presentation for rooms, location, booking, and direct guest trust.

Visit website

alfisltd.vercel.app

Business website

ALFIS Limited

alfisltd.vercel.app

Company website structure for a garments accessories business.

Visit website

bdforpalestine.org

Community platform

BD For Palestine

bdforpalestine.org

Public-facing advocacy and information site for a movement-focused initiative.

Visit website

muhsinmashkur.com

Personal website

Muhsin Mashkur

muhsinmashkur.com

Personal site for profile, public identity, educational work, and digital presence.

Visit website

businessbyte-rakin.vercel.app

Web product

Business Byte

businessbyte-rakin.vercel.app

Digital business intelligence presented as a focused, lightweight web experience.

Visit website

public repositories in my GitHub build archive

Products, tools, and experiments

selected projects documented with my role and decisions

Focused portfolio selection

2024

start of my BSc in Computer Science and Engineering

Islamic University of Technology

2K+

public LinkedIn follower signal

Plus 500+ connections

How I think

A useful product begins with the problem, not the framework.

I started with software, websites, interfaces, graphics, and experiments. Building for real people taught me that clean code is only part of the job: the workflow must make sense, the interface must communicate clearly, and the result must be useful.

That is why I work across product definition, UI/UX, development, and delivery. FrameCipher is one chapter of that experience, but this portfolio focuses on what I personally designed, built, decided, and learned.

“I like ideas better once they become something people can use.”

What I bring

Five parts of my building practice.

The roles I personally take on when moving a project from an early idea to a working release.

Five Parts of PracticeSwipe to explore →

Shape products

Turn an unclear requirement into a focused product scope, user flow, and practical delivery plan.

Personal capabilityHands-on

Build applications

Create responsive websites, web applications, dashboards, Firebase products, and internal tools.

Personal capabilityHands-on

Design interfaces

Translate ideas into clear information architecture, reusable UI systems, and polished interactions.

Personal capabilityHands-on

Connect workflows

Link forms, data, automation, analytics, and operational steps so the product works beyond the screen.

Personal capabilityHands-on

Learn by shipping

Use client work, founder experiments, and technical prototypes to test ideas and improve through delivery.

Personal capabilityHands-on

My approach

From an unclear brief to a usable release.

This is the process I personally use to understand a problem, make product decisions, build the interface, and learn from what ships.

Operating Loop (7 Steps)Swipe to explore →

Discover

Understand the user and constraint.

Define

Choose the problem worth solving.

Design

Map the flow and interface.

Build

Turn the plan into working software.

Test

Check behavior across real scenarios.

Ship

Release a usable version.

Iterate

Learn from use and improve.

Capability Engines (5 Areas)Swipe to explore →

Product

Problem framing
Product scope
User flows
Feature decisions
Delivery planning

Front end

React
Next.js
TypeScript
Responsive UI
Accessibility

Interface

UI/UX
Design systems
Interaction
Visual hierarchy
Prototyping

Application

Firebase
Routing
Data flows
Forms
Authentication

Delivery

Git
Deployment
Testing
Iteration
Documentation

What stays constant

I try to understand the reason behind the work, keep technical choices proportional to the problem, and leave the product clearer than I found it.

Own the problemExplain tradeoffsShip usable work

My progression

A personal path built through shipped work.

My experience developed through software, design, independent projects, founder responsibilities, and the lessons that came from delivering real products.

Act 0101

I started by building.

Code, websites, interfaces, graphics, applications, experiments, and 404Byte built the technical and creative foundation.

Act 0202

Real projects changed how I build.

Working on products for real users taught me to look beyond the interface at the workflow, decisions, and constraints around it.

Act 0303

Founder work widened my perspective.

Building 404Byte and later FrameCipher added product judgment, client communication, team coordination, and business context to my technical foundation.

Act 0404

Today, I remain hands-on.

I move between product thinking, interface design, codebases, technical decisions, and the operational details needed to ship.

Act 0505

The direction is product ownership.

I want to keep getting better at taking useful ideas from an unclear first brief to a reliable product people can actually use.

Experience & education

The roles that shaped how I build.

A concise record of my own responsibilities, independent work, founder experience, and engineering education.

Current Focus

Founder & CEO · FrameCipher

Dhaka, Bangladesh

My role combines company direction with hands-on product work. I contribute to discovery, project scoping, client communication, interface and technical decisions, internal tools, and the systems used to move work from brief to delivery.

2024 - Present

BSc in Computer Science & Engineering

Islamic University of Technology (IUT)

Earlier Chapter

Founder · 404Byte

I founded a technology-focused initiative around software, web products, UI/UX, graphics, and project systems. It formed the early technical foundation of my work.

Independent Projects

Product & Web Builder

Websites, applications, internal management systems, assessment platforms, and digital brand experiences.

Venture

Co-founder · NutriCulture

Consumer venture work spanning product formulation, branding, unit economics, investor decks, and go-to-market execution.

The build side

Tools follow the problem, not the other way around.

GitHub is my technical archive: applications, internal tools, education systems, interface experiments, and the code behind selected portfolio projects.

View GitHub Archive

Product

Problem framing
Product thinking
User flows
Feature scoping
Technical planning
Iteration

Engineering

Web applications
Front-end development
Firebase
Internal tools
Automation
Deployment

Design

UI/UX
Design systems
Responsive layouts
Visual hierarchy
Prototyping
Interaction

Founder & operations

Entrepreneurship
Client discovery
Project scoping
Team coordination
Workflow design
Documentation

Selected Stack & Technologies

Frameworks, languages, development tools, and design software I have worked with

Next.jsReactTypeScriptJavaScriptTailwind CSSFirebaseViteNode.jsExpressJavaC++CGitGitHubFigmaPhotoshopIllustrator

Principle: Prioritizing system resilience, clean architecture, and velocity over tech stack vanity.

Start a conversation

Have an idea worth shipping?

I am open to product development, web application work, technical collaboration, and conversations about useful ideas worth building.

Email Rakin Directly

Personal Email

rakin.al.shahriar@gmail.com

/in/rakinalshahriar

GitHub Archive

@Rakindotcom