System Status: Online

Odule Ayanfeoluwa Grandeur

Software Developer

Specializing in building accessible, pixel-perfect, and performant web experiences. Focused on modern React ecosystems and scalable web architecture.

components/ui/interface.tsx
123456789101112131415
import { motion } from "framer-motion";
interface Props {
children: React.ReactNode;
className?: string;
}
export const GlassPanel = ({ children, className }: Props) => (
<motion.div
initial={{ opacity: 0, y: 20 }}
animate={{ opacity: 1, y: 0 }}
className=backdrop-blur-md border border-zinc-800 {className{"}"}
>
{children}
</motion.div>
);
TypeScript Next.js 15
Ln 14, Col 2
01.5 // Achievement Unlocked
Top 12 Finalist - Nigeria

Guinness World Record Attempt: Codefest 2025

Participated in the world's longest online hackathon attempt. Selected as one of the Top 12 Teams out of a massive competitive pool for the development of GANI.

Global Hackathon Finalist
Excellence in AI Innovation
Codefest Hackathon Certificate
Verified Credential
02 // Execution History

Freelance Web Developer @ Self-Employed

exp_01Nov 2024 — Present
$

Designing and deploying full-stack web solutions for various clients, focusing on scalability and performance.

$

Integrating AI features such as Large Language Models (LLMs) and Text-to-Speech (TTS) into web applications.

$

Managing the end-to-end development lifecycle, from initial requirement gathering to cloud deployment.

Bootcamp Instructor @ IPING IT Solutions

exp_02Jun 2025 — Aug 2025
$

Taught web development fundamentals to children at a bootcamp organized by IPING IT Solutions.

$

Focused heavily on JavaScript, guiding students to build interactive web pages.

$

Mentored young learners in logical thinking and problem-solving through coding.

Web Developer @ Tanta Innovatives

exp_03Jun 2024 — Nov 2024
$

Developed high-performance, responsive user interfaces for diverse freelance projects using TypeScript and Next.js.

$

Collaborated with remote teams to deliver scalable web solutions within tight deadlines.

$

Specialized in implementing clean, maintainable code for complex client requirements.

01 // Selected Works
INFRASTRUCTURE // BROWSER RUNTIME

Websandbox

Engineered an in-browser IDE capable of running Node.js entirely client-side using WebContainers.

Achieved millisecond startup times by eliminating server-side container orchestration.

Implemented real-time preview and file system manipulation leveraging the WebContainer API.

Integrates with a Django backend for project management and snippet sharing.

Technical Stack

  • >Next.js
  • >WebContainer API
  • >Django
  • >TypeScript
  • >Netlify
root@browser:~#

> webcontainer.mount(files)

Booting Node.js in browser...

✓ File system ready

✓ Dev server started on :3000

Ready for code execution.

_

SOCIAL // FULL-STACK

Birdie

A comprehensive social networking application designed for short-form content delivery.

Engineered complex database relationships for followers, following, and dynamic user feed generation.

Implemented secure authentication using JSON Web Tokens (JWT) and SimpleJWT.

Features a responsive UI with dynamic theme synchronization between dark and light modes.

Technical Stack

  • >React
  • >Django
  • >Django REST Framework
  • >SimpleJWT
  • >TailwindCSS
  • >MUI
OA
Grandeur@ogayanfe // 2m ago
124
12
Real-time Feed
COMMERCIAL // AUTOMATION

Botstore

A specialized dashboard and e-commerce platform for managing and distributing Telegram Mini Apps and Bots.

Features a centralized dashboard to track and configure multiple bots via the Telegram API.

Built an e-commerce style marketplace allowed users to browse and 'install' specialized bots.

Developed with TypeScript to ensure robust handling of external API schemas.

Technical Stack

  • >React
  • >TypeScript
  • >Django REST Framework
  • >Telegram API
Bot Management
Support Bot
Active
Store Assistant
Installed
+ Deploy New Telegram Mini App
API Handshake:200 OK
Total Deployments:14 Active

Toolchain Inventory

Languages & Runtime

  • TypeScript
  • Python 3.12+
  • Node.js
  • Java
  • SQL

Backend Infra

  • FastAPI
  • Next.js (App Router)
  • PostgreSQL
  • Redis
  • Docker
  • Nginx

Frontend Arch

  • React (RSC)
  • Tailwind CSS
  • Framer Motion
  • React Query
  • Zustand

AI & Data

  • Gemini API
  • LangChain
  • OpenAI
  • Pandas
  • Vector DBs
04 // Credentials & Modules

Academic Path

In Progress // 2022 - 2026

B.ENG Electrical and Electronics Engineering

Federal University of Agriculture, Abeokuta (FUNAAB)

Academic Registry Verified

Verified Certifications

Hackathon2025

Guinness World Record Attempt (Codefest 2025)

Top 12 Finalist Certificate

Algorithm Design2024

Legacy JavaScript Algorithms and Data Structures

FreeCodeCamp

Frontend2023

Responsive Web Design

FreeCodeCamp

Awaiting New Modules...
05 // Terminal Uplink

Initialize
Connectivity

Available for strategic collaborations and high-impact engineering roles. Use the secure channel below or reach out via direct protocols.

ENCRYPTION: AES-256 (MOCK)
UPLINK STATUS: READY