Frontend Developer specializing in building responsive, high-performance web applications with React, Next.js, and TypeScript. I craft clean, accessible interfaces and scalable frontend systems with a strong emphasis on user experience and maintainable code.
- I am a detail-oriented Frontend Developer with a background in Statistics from the University of Lagos.
- I bridge design and engineering by translating complex requirements into pixel-perfect, interactive web applications.
- My core focus centers on modern JavaScript/TypeScript ecosystems, component-driven architecture, and state management.
- I prioritize web performance, accessibility (a11y), responsive design, and writing clean, production-ready code.
| Category | Technologies |
|---|---|
| Languages | TypeScript, JavaScript (ES6+), HTML5, CSS3, Python, SQL |
| Frontend | React, Next.js, Vite, PWA |
| Styling & UI | Tailwind CSS, Framer Motion, Syncfusion, Lucide React, Font Awesome |
| State & APIs | REST APIs, Google Gemini API, Leaflet.js, Cytoscape.js |
| Tools & Hosting | Git, GitHub, Vercel, Netlify, VS Code |
A responsive, multi-page supermarket web platform featuring an interactive storefront, store locator, careers portal, and supplier onboarding workflow.
- Key Highlights: Responsive architecture, smooth state management, custom UI component structure.
- Tech: Next.js, React, TypeScript, Tailwind CSS
- Links: Live Demo | GitHub Repository
An interactive campus navigation web application built for University of Lagos students to calculate optimal routes between locations.
- Key Highlights: Real-time route visualization, interactive map rendering, client-side location search.
- Tech: Next.js, React, TypeScript, Leaflet.js, OpenStreetMap, Tailwind CSS
- Links: Live Demo | GitHub Repository
A real-time, conversational AI application leveraging Google Gemini for dynamic, context-aware prompt processing.
- Key Highlights: Streaming response handling, modern chat UI, fast edge deployment.
- Tech: Next.js, React, TypeScript, Google Gemini API, Tailwind CSS, Vercel
- Links: Live Demo | GitHub Repository
A client-side Progressive Web App (PWA) chess engine running minimax and alpha-beta pruning algorithms locally.
- Key Highlights: Offline capabilities, service worker caching, zero-latency local algorithm calculation.
- Tech: JavaScript (ES6+), HTML5, CSS3, PWA Architecture
- Links: Live Demo | GitHub Repository
An interactive computer science laboratory for building custom weighted graph topologies and executing Kruskal’s and Prim’s algorithms visually.
- Key Highlights: Real-time graph rendering, step-by-step algorithm step animation, interactive controls.
- Tech: Next.js, React, TypeScript, Cytoscape.js, Framer Motion, Tailwind CSS
- Links: Live Demo | GitHub Repository
- Responsive Web Applications: Building mobile-first interfaces that scale seamlessly across device viewports.
- Component-Driven Development: Writing modular, reusable, and predictable React and Next.js components.
- Design-to-Code Implementation: Converting Figma designs into production-ready frontend layouts.
- API & Data Integration: Connecting third-party APIs, AI services, and mapping tools efficiently.
- Performance Optimization: Maximizing Core Web Vitals, assets loading speeds, and client-side execution efficiency.
- Advanced Frontend System Design: Architecting scalable micro-frontends and large-scale state architectures.
- Spec-Driven Development: Refining test-driven patterns and strict interface specifications for frontend codebase reliability.
- Data Structures & Algorithms: Solving complex problems and optimizing runtime complexity in JavaScript and TypeScript.
- Portfolio: webkingif.netlify.app
- LinkedIn: in/oluwafemi-idowu-ayomide
- GitHub: @Webkingif
- Email: idowuoluwafemiayomide@gmail.com