Hi, I'm Mubarak đź‘‹
Frontend dev | React/TypeScript/Three.js | Building 3D web experiences | Intrested in building cool stuff.
Black

About

Hi! I’m Mubarak, a frontend engineer passionate about building seamless, high-performance interfaces. I work with JavaScript, TypeScript, React, and Three.js to create engaging and interactive user experiences across platforms. With a strong eye for aesthetics and design, I take a design-first approach to development, ensuring every project I build is as visually stunning as it is functional.

Explore 3D Experience đźš§

Work Experience

P

Porfolio Website for a Senior Lecturer
HTML
TailwindCSS

Sept 2025
Frontend engineer
This is a portfolio website for a senior lecturer, built to showcase the lecturer’s professional profile, academic credentials, research interests, and services. The site features a clean, responsive landing page that highlights key information such as professional background, education, research focus, publications, and contact details. I implemented the front‑end using HTML and TailwindCSS, ensuring a responsive layout across devices, and structured the site so visitors can easily navigate the profile and view detailed academic and professional information.https://www.marufatoluyemisiodetunde.com/
O

Onetro
React
TypeScript
TailwindCSS

June 2025 - Aug 2025
Frontend engineer (Contract)
I took full responsibility for the frontend, working within an existing TypeScript architecture to fix issues and enhance features. I integrated backend APIs to ensure accurate data display and a smooth user experience, and I optimized the booking system for both one-on-one and group sessions with strong type safety. I also implemented Google sign-up/sign-in for secure authentication and developed new features, including the 3D customizable flippable Onetro Card and the public page. Throughout the project, I resolved bugs, refined styling, and ensured a responsive, user-friendly design across all devices.https://onetro.co/
B

Brilstash
React
Typescript
TailwindCSS

June 2025 - Aug 2025
Frontend engineer (Contract)
I built the responsive landing page to showcase the company’s services and developed dashboards, application workflows, and user authentication flows. I also implemented the consent form for partner onboarding to ensure compliance and a smooth user experience. In addition, I integrated frontend features with backend APIs for loan processing, user verification, and real-time feedback, while ensuring mobile responsiveness, clean UI/UX, and strong performance across all devices.https://brilstash.com/
B

Brilstack
React
Typescript
TailwindCSS

March 2025 - May 2025
Frontend engineer (Contract)
I collaborated with backend developers to optimize an existing web application, reducing overall load times and improving performance. I also implemented efficient pagination for data-heavy pages, revamped the user interface for a cleaner and more intuitive experience, and refactored redundant code to enhance maintainability and ensure smoother functionality across the application.https://brilstack.com/

Education

O

Obafemi Awolowo University

2021 - present
Bachelor's Degree of Computer Science with Economics (BSC)

Skills

Typescript
React
Next.js
React Native
Three.js
React Three Fiber
Framer Motion
GSAP
Tailwind CSS
TanStack Query
Redux
Zustand
Supabase
My Projects

Check out my latest work

I've worked on a variety of projects, from simple websites to complex web applications. Here are a few of my favorites.

Shelf

Shelf

Shelf is a cross-platform e-library I founded to make it easier for Nigerian students and readers to discover, share, and preserve digital archives. It brings together textbooks, novels, magazines, comics, and school notes in one accessible, community-driven platform, with organized public and private folders, smart search, and a clean, responsive interface for seamless reading across devices. As the founder, I defined the project structure and roadmap, designed the entire user experience from scratch, and built the responsive frontend that powers content discovery and interaction. I also established the moderation and verification model that ensures authenticity and supports Shelf’s vision of an open, sustainable, community-led digital library.

Next.js
Typescript
TailwindCSS
Motion Framer
OAUHomes

OAUHomes

OAU Homes is a Next.js platform that connects OAU students directly with verified housing agents to reduce inflated accommodation prices. The platform offers a clean, responsive interface with search and filtering tools, plus verified agent profiles for transparency. I built the frontend in Next.js and Tailwind CSS, collaborated with a backend developer within the same repo, and personally handled the UI design from scratch. I also created clear listing layouts and optimized the experience for mobile users.

Next.js
Typescript
TailwindCSS
React
SokoFunds

SokoFunds

SokoFunds is a fintech mobile application built to provide a modern banking experience. It features real-time balance tracking, secure money transfers, investment management for assets like tech stocks and real estate, and digital card management. The app focuses on a sleek Glassmorphism design with smooth animations for a premium user experience.

React Native
Expo
TypeScript
Zustand
NativeWind
Reanimated
SokoFunds Landing

SokoFunds Landing

The official landing page for the SokoFunds application, designed to showcase the app's premium features with high-end aesthetics. It includes a responsive device selector for app previews, smooth Framer Motion animations, and a modern UI that aligns with the SokoFunds brand identity.

Next.js
TypeScript
Tailwind CSS
Framer Motion
Doggearth

Doggearth

Doggverse is a Telegram Mini App for buying virtual land across three metaverse islands with a 3D viewer. The platform features a Three.js interface with touch controls (swipe, pinch, tap), color filtering, and wallet integration. I built the frontend in React, TypeScript, and Tailwind CSS, implemented centralized state management for data consistency, and designed the Telegram-style UI. I created the 3D visualization with custom camera controls and optimized for mobile users.

React
TypeScript
TailwindCSS
Three.js
NOTDOG

NOTDOG

NOTDOG is a playful Solana-themed memecoin project built as a fun, interactive web experience. The site blends meme culture with blockchain-inspired visuals, featuring smooth animations, dynamic UI elements, and collectible-style graphics. Designed as a frontend-focused project, it highlights responsive design, fluid interactions, and a colorful, engaging interface that brings the memecoin aesthetic to life.

React
TailwindCSS
Framer Motion
Breakfast Place

Breakfast Place

The Breakfast Place is an innovative e-commerce web application for a restaurant, featuring interactive 3D models of customizable breakfast items and real-time 3D rendering of user-created meals. It is integrated with Supabase for efficient data management and designed responsively to deliver a seamless experience across all devices.

Three.js
React Three Fiber
Supabase
GSAP
TailwindCSS
Artist Music Site

Artist Music Site

This is a sleek, animated music-themed web application for the artist Dafash, featuring a dynamic, motion-powered UI with smooth transitions using Framer Motion. It offers interactive horizontal album previews with modal pop-ups for detailed views, built with a modular architecture using reusable components like AlbumCard and Modal. Tailwind CSS was used for rapid, responsive styling across all screen sizes.

React
TailwindCSS
Framer Motion
Pokedex

Pokedex

A site filled with free pictures and videos that can be download on the pexels main site. This was built with Next.js, Tailwind CSS, pexels Api, Framer motion.

Next.js
Typescript
TailwindCSS
Contact

Get in Touch

Want to chat? Just shoot me a mail here and I'll respond whenever I can.