Hi, I'm John OLANIYI - a Senior Frontend Engineer in Nigeria.
Hi, I'm John Olaniyi, a React & Next.js Developer with a passion for creating innovative and user-friendly websites, applications, and mobile solutions. With several years of experience in JavaScript (ReactJs, NextJs, NodeJs, ExpressJs, NestJs, and ReactNative), I specialize in turning complex design concepts into clean and efficient code across both frontend and backend development. Additionally, I have expertise in building robust backend systems and mobile applications. When I'm not coding, you can find me exploring the latest web and app development trends and technologies, or watching football matches. Welcome to my website, and feel free to browse my portfolio and get in touch with me to discuss your project!
Programs must be written for people to read, and only incidentally for machines to execute.
- Harold Abelson
Skills
Languages
JavaScript
TypeScript
SQL (Postgres, MySQL)
Mark up
Html5
Backend-as-a-service
Firebase
Supabase
State Libraries
React Query
Jotai
Redux
Context Api
Zustand
Stylesheet
CSS3
TailwindCss
SCSS
Styled-Component
ChakraUi
Material-UI
Frameworks
ReactNative
ReactJs
NextJs
NodeJs
NestJs
ExpressJs
FastAPI
Tools & Platforms
Git
Docker & CI/CD
Google Cloud Platform
AWS Bedrock
Databases
PostgreSQL
MongoDB
Experience
We-collect
Data collection and analytics company
June 2025 - Present
Led frontend architecture for Africa's most efficient field data collection platform. Built an AI-enabled Admin Dashboard and a scalable Super Admin platform, enabling real-time GIS tracking for over 100,000 daily data points. Architected reusable UI components that accelerated cross-functional development speed by 40% and streamlined project management for enterprise clients.
Skills: React, Next.js, TypeScript, State Management, UI Architecture, Performance Optimization
Nobox Cloud
Backend as a service Company
Jan 2024 - June 2025
Spearheaded full-stack development for a serverless Backend-as-a-Service platform, leveraging Next.js for the frontend and Nest.js for the backend API. Engineered scalable microservices (Console, Site, Upload Client) that streamlined developer onboarding, reducing setup time by 60% and accelerating project timelines for thousands of developers.
Skills: ReactJs, NextJs, tailwincss, Typescript, SCSS, NestJs, MongoDB
SafeWalls
General well-being and psychosocial supports company
January 2024 - June 2024 (Contract)
Built the Waitlist page, Landing page, and User Dashboard for a psychosocial support platform. Developed a highly efficient waitlist management system that captured 5,000+ early-access signups, optimizing customer engagement and increasing retention by 35% prior to launch.
Skills: NextJs, tailwincss, Redux, Typescript
Couch App
Mental health care
June 2020 - December 2023
Spearheaded frontend development for a Mental Health & Wellness platform. Built the marketing landing page and architected a robust user dashboard enabling patients to seamlessly book appointments and order medications, advancing the mission to make mental healthcare more accessible and affordable.
Skills: NextJs, Tailwindcss, Redux
Projects
Lawploy
Architected a high-performance web platform from Figma designs using Next.js and Tailwind CSS. Implemented advanced responsiveness and optimized core web vitals for a seamless legal tech user experience.
ToolAi
Engineered a scalable AI-driven web interface using Next.js and Tailwind CSS. Focused on fluid UI components and state management to efficiently handle complex AI tool interactions.
We-collect
Led frontend development for a scalable data collection platform. Built intuitive, high-performance UI components using Next.js to process large-scale geospatial data and field insights.
ResQx
Developed the core marketing and operational site for ResQx using Next.js and Tailwind CSS. Optimized load times and cross-device responsiveness to maximize user conversions.
ResQx B2B Dashboard
Engineered a robust B2B operations dashboard utilizing Next.js. Architected scalable state workflows to support complex fleet management and enterprise reporting.
ResQx Admin Dashboard
Built a data-intensive internal admin dashboard focused on high-performance data visualization, seamless operational tracking, and efficient administrative workflows.
Contact
I'm always on the lookout for new opportunities to flex my skills and expertise as a Software Engineer. If you're in need of a go-getter who's not afraid to roll up their sleeves and tackle any challenge, feel free to shoot me a message using the form below. I'm also available to chat on LinkedIn or Twitter, where I share my latest projects and web development insights. I look forward to hearing from you!