About

Steve-John's Image

Here is a little background

I'm Steve-John. You might also know me as JumaCodes. I'll be your coach & mentor inside the MERN-STACK, here's a little bit about me... I've been coding for over 5 years now. As a Full-Stack developer. I've worked both with startups and large corporations to help build & scale their companies. Along the journey I realized my passion existed in helping others excel and pursue their dreams as upcoming developers. * With this passion, I have now trained about 50 developers across Nigeria in 2024. Through my coaching sessions on Google Meet and Slack, I have accumulated several MILLION views demonstrating how to apply developer skills in a range of cool builds and challenges. I deliver REAL VALUE by working on REAL WORLD PROJECTS to help beginners enter the world of web development. You'll get hands-on experience and learn the skills that are required to succeed in the real-world in my online classes, And if that's not enough I have designed and cloned most of the applications you have used in your life!

Experience

Company Image

Frontend Developer (Remote)

RedPages Consulting

stack Iconstack Iconstack Iconstack Iconstack Iconstack Icon

Thu Jul 07 2022 - Fri Jul 07 2023

  • Developed SEO-friendly, responsive UIs with React, Next.js, and Redux, improving search visibility.
  • Partnered with backend and QA teams to ensure smooth API integrations, reducing bugs by 25%.
  • Mentored junior developers and supported knowledge sharing across the engineering team.
  • Migrated a legacy platform to React, cutting technical debt and improving maintainability.
  • Refactored and write clean and well documented codes.
Company Image

Frontend Developer (Internship-Hybrid)

Rivicit

stack Iconstack Iconstack Iconstack Iconstack Iconstack Icon

Tue Jan 04 2022 - Tue Jul 05 2022

  • Supported senior developers in delivering multiple client projects on time and within scope.
  • Improved cross-device compatibility across multiple projects, reducing customer complaints on website usability.
  • Collaborated in Agile sprints, practicing teamwork and attention to detail in code reviews.
Company Image

CEO/FOUNDER OF CODEMAP

CodeMap (Start-up)

stack Iconstack Iconstack Iconstack Iconstack Iconstack Iconstack Iconstack Iconstack Iconstack Iconstack Iconstack Iconstack Icon

Thu Mar 07 2024 - Present

  • Innovative and results-driven CEO leading a dynamic coding hub specializing in both frontend and backend development.
  • Skilled in shaping product vision, building high-performing engineering teams, and driving projects from concept to deployment.
  • Adept at full-stack architecture, fostering client relationships, and guiding startups through lean, agile methodologies
  • Combines technical expertise in modern frameworks (React, Next.js, Vue, Node.js, Express, MongoDB, shadCN, and more) with strategic leadership to deliver scalable, user-centric software solutions
  • Passionate about mentorship, cultivating a collaborative culture, and turning bold ideas into market-ready products.
Company Image

Frontend Developer (On-Site)

Byteviews Systems

stack Iconstack Iconstack Iconstack Iconstack Iconstack Icon

Mon Mar 02 2020 - Mon Nov 01 2021

  • Enhanced website performance and SEO, boosting organic traffic and page speed., feature enhancements, and documentation, as well as testing and regular upgrades to ensure web security and system usability.
  • Streamlined UI workflows, improving user satisfaction and reducing friction in client applications.
  • Coordinated project timelines with designers and backend developers, achieving 95% milestone completion.
Company Image

Fullstack Developer (Remote)

Automagic Solutions

stack Iconstack Iconstack Iconstack Iconstack Iconstack Iconstack Iconstack Iconstack Iconstack Iconstack Iconstack Iconstack Iconstack Icon

Tue Aug 01 2023 - Mon Aug 04 2025

  • Refactored and optimized core codebases, improving application load speed by 35% and reducing deployment issues.
  • Led a small frontend team to deliver new features on time, improving release efficiency by 20%.
  • Strengthened security and system stability by implementing regular updates, automated tests, and monitoring tools.
  • Collaborated with cross-functional teams, ensuring high-quality solutions that met business goals.
  • Created Schemas, Apis, while collaborating with the frontend and Ui/Ux team to reach set goals.

Skills

Hover over a skill for current proficiency

Rest Api

97%

TailwindCSS

92%

HTML

96%

javaScript

81%

React.js

93%

CSS

91%

Web 3.0

46%

Vercel

89%

Sanity

57%

mongoDB

82%

jQuery

64%

Node.js

60%

Next.js

74%

Scss

80%

Bootstrap

70%

Express.js

78%

Redux.js

57%

Firebase

73%

Material UI

52%

ShadCn

76%

GitHub

99%

PostgresSQL

67%

Vue.js

45%

Sass

76%

TypeScript

83%

Projects

LinkedIn-Clone

Case Study 1 of 7: LinkedIn-Clone

Next.jsReact.jsmongoDBExpress.jsNode.jsTailwindCSSMaterial UIGitHubTypeScript
A full-featured LinkedIn clone built with the MERN stack and Next.js, styled using Tailwind CSS and Material UI, and developed with TypeScript for type safety. The platform replicates core LinkedIn functionalities, including user authentication, posting, and responsive layouts optimized for desktop, tablet, and mobile. Version control was managed via GitHub, and clean code management was employed. This project demonstrates advanced front-end and back-end integration, responsive UI design, and modern development best practices.
DashBoard/ShadCN

Case Study 2 of 7: DashBoard/ShadCN

GitHubShadCnReact.jsTailwindCSSSanityRedux.js
A sleek, responsive admin dashboard built with React, featuring polished UI components from Shadcn UI and utility-first styling using Tailwind CSS. The project leverages Redux for robust state management and integrates Sanity as a headless CMS for managing dynamic content. The clean, modular architecture ensures flexibility and scalability, while version control via GitHub facilitates smooth development workflows and collaboration.
AutoMagic Website

Case Study 3 of 7: AutoMagic Website

TailwindCSSRest ApiNode.jsFirebaseNext.jsTypeScriptGitHubRedux.js
A polished, multi-faceted web interface crafted by a team of six at Automagic, built to showcase the company’s expertise in transforming startup ideas into production-ready digital products atmgc.xyz . Designed with a modern tech stack, this project was fully orchestrated in a Scrum/Agile environment using GitHub for version control. Next.js (React-based framework) powers the front-end, delivering fast, server-rendered, and SEO-friendly experiences. TypeScript ensures robust code with rich type safety and maintainability. Styling is handled via Tailwind CSS, offering a clean, utility-first approach to responsive design. Redux paired with Redux Toolkit drives efficient state management across the app, keeping UI and data in sync. Data interactions are facilitated through REST APIs, with backend services likely managed via Firebase. This implementation highlights team collaboration, scalable architecture, and polished UI/UX, all maintained through a structured Agile workflow with regular iterations.
E-comerce

Case Study 4 of 7: E-comerce

TailwindCSSjavaScriptReact.jsmongoDBNode.jsExpress.jsGitHubRedux.jsVercel
Fits Wear is a sleek online fashion store built with React, Vite, Node.js, Express, and MongoDB. It offers a responsive interface for browsing apparel and accessories, detailed product pages, and a smooth cart and checkout experience. Users can manage profiles and view orders, while admins track sales, manage inventory, and oversee users through a dedicated dashboard. The project showcases full-stack development, authentication, and a polished shopping experience.
Advance-Animation

Case Study 5 of 7: Advance-Animation

HTMLCSSjavaScript
A sleek, responsive login interface built with pure HTML, CSS, and vanilla JavaScript. The design includes a welcoming heading, username/password inputs, a "Remember me" toggle, a "Forgot Password?" link, and call-to-action buttons for signing in or registering. Though minimalist in its current form, this page lays a clean foundation for styling enhancements and dynamic behaviors through animations or interactivity.
Whatsapp-Clone

Case Study 6 of 7: Whatsapp-Clone

React.jsFirebaseRedux.jsCSSGitHub
A real-time chat app built with React and Firebase. Users can sign in with Google, create and join chat rooms, send messages, and search chats. Features include live updates, persistent login, avatars, and a responsive WhatsApp-inspired interface.
Twitter-Clone

Case Study 7 of 7: Twitter-Clone

TailwindCSSNext.jsFirebaseMaterial UIGitHub
A fully functional social media web application inspired by Twitter, built with modern web technologies. Users can sign up or log in using Google OAuth, create posts with text and images, view trending news, like, comment and get follow suggestions. Authentication: Secure login using NextAuth with Google. Realtime Posts: Users can create, view, and interact with posts stored in Firebase Firestore. Image Uploads: Upload and display images in posts using Firebase Storage. Trending & Suggestions: Fetch trending news via GNews API and follow suggestions dynamically. Responsive UI: Built with Next.js and Tailwind CSS for a smooth, mobile-friendly experience. Server-side Rendering: Uses Next.js SSR and API routes for dynamic content and optimized performance. Deployment: Fully deployed on Vercel for production-ready performance.

Contact

I have got just what you need. Let's Talk.

+2349151958943

olumesestevejohn@gmail.com

Lagos, Nigeria

Back to top