RB

ruhon.dev

developer portfolio

boot
terminal — ruhon01
$npm runportfolio

██████╗ ██╗   ██╗██╗  ██╗ ██████╗ ███╗   ██╗
██╔══██╗██║   ██║██║  ██║██╔═══██╗████╗  ██║
██████╔╝██║   ██║███████║██║   ██║██╔██╗ ██║
██╔══██╗██║   ██║██╔══██║██║   ██║██║╚██╗██║
██║  ██║╚██████╔╝██║  ██║╚██████╔╝██║ ╚████║
╚═╝  ╚═╝ ╚═════╝ ╚═╝  ╚═╝ ╚═════╝ ╚═╝  ╚═══╝

██████╗  ██████╗ ██████╗  █████╗ ██╗  ██╗
██╔══██╗██╔═══██╗██╔══██╗██╔══██╗██║  ██║
██████╔╝██║   ██║██████╔╝███████║███████║
██╔══██╗██║   ██║██╔══██╗██╔══██║██╔══██║
██████╔╝╚██████╔╝██║  ██║██║  ██║██║  ██║
╚═════╝  ╚═════╝ ╚═╝  ╚═╝╚═╝  ╚═╝╚═╝  ╚═╝

booting developer environment

Full-Stack Developer//UI/UX Designer//Digital Product Builder

NEXT.JSNODE.JSMONGODBUI / UX
compiling interface000%
runtime.logLIVE
01const ruhon = new Developer();
02ruhon.stack = ['Next.js', 'Node.js', 'MongoDB'];
03ruhon.role = 'Full-Stack Developer';
04ruhon.focus = ['UI/UX', 'Engineering'];
05await ruhon.initialize();
initializing runtime...PID 2026
Runtime
Next.js
Interface
Ready
System
Booting
© 2026 Ruhon Borah
build / 000
PRJ / 004
Portfolio/2025/Completed

Portfolio 2.0.

Project Overview

A modern interactive portfolio focused on visual storytelling, responsive layouts, animations and creative project presentation.

GitHubView Live
SCROLL TO EXPLORE004 / 001
Portfolio 2.0 project cover
FIG / 001

Category

Portfolio

Environment

Web

Language

JavaScript

Status

Completed

01 / Overview

From concept to production-ready system.

A visual portfolio built around interaction.

A creative developer portfolio combining responsive layouts, animated transitions and visual project storytelling.

Built with

Next.jsFramer MotionCloudinaryPostCSS

02 / Workflow

How it
comes together.

01

Design

Designed a visual system focused on typography, spacing and interaction.

02

Development

Built responsive interfaces using Next.js and React.

03

Animation

Added smooth transitions and interactive motion.

03 / Stack

Tools and technologies used to bring the product to life.

Built with
the right tools.

01

Next.js

02

Framer Motion

03

Cloudinary

04

PostCSS

04 / Gallery

Project visuals.

07 FIGURES
Portfolio 2.0 screenshot 1
FIG / 001
Portfolio 2.0 screenshot 2
FIG / 002
Portfolio 2.0 screenshot 3
FIG / 003
Portfolio 2.0 screenshot 4
FIG / 004
Portfolio 2.0 screenshot 5
FIG / 005
Portfolio 2.0 screenshot 6
FIG / 006
Portfolio 2.0 screenshot 7
FIG / 007
End of case study

Project

Portfolio 2.0.