Get In Touch

Software Engineer

|

About

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

Frontend Engineer (Remote)

RedPages Consulting

Thu Jul 07 2022 - Fri Jul 07 2023

Requirements gathering and specifications.
Built responsive, accessible, and performant UIs using a modern technology stack. (Basically React.js, ShadCn Next.js, Redux, SASS, and REST).
Collaborate, support, and work hand-in-hand with backend, QA, design, and product colleagues.
Write clean, maintainable, and testable code.
Contributed to the change of an existing application to React

Frontend Engineer (Internship-Hybrid)

Rivicit

Tue Jan 04 2022 - Tue Jul 05 2022

Collaborated with senior-level developers to develop projects for the website throughout various phases of the project lifecycle.
Maintained existing code and functionality during assimilation into the ongoing operations of the web business
Developed cross-browser and cross-device compatibility in a graded browser super environment.
Worked in an Agile development environment using advanced Scrum methodologies.

CEO OF CODEMAP

CodeMap

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.

Frontend Engineer (On-Site)

Byteviews Systems

Mon Mar 02 2020 - Mon Nov 01 2021

Maintain websites and applications, including content updates, account administration, debugging, feature enhancements, and documentation, as well as testing and regular upgrades to ensure web security and system usability.
Identify current internet and website requirements, and participate in the planning and execution of projects by organizing, scheduling, executing, and coordinating work assignments to achieve milestone deadlines.
Support maintenance programming development for web pages and web applications.

Frontend Engineer (Remote)

Automagic

Tue Aug 01 2023 - Present

Reviewed existing code and performed refactoring as needed.
Maintained and upgraded modern code.
Collaborated with the design team, backend team, product manager, and project manager to achieve the project. tasks
Maintain websites and applications, including content updates, account administration, debugging, feature enhancements, and documentation, as well as testing and regular upgrades to ensure web security and system usability
Identify current internet and website requirements, and participate in the planning and execution of projects by organizing, scheduling, executing, and coordinating work assignments to achieve milestone deadlines.
Support maintenance programming development for web pages and web applications
Research new web technologies, including software and hardware developments, and recommend purchases and changes in design, security, software, and hardware.

Skills

Hover over a skill for current proficiency

97%

92%

96%

81%

93%

91%

46%

57%

82%

64%

60%

74%

80%

70%

78%

57%

73%

52%

76%

99%

67%

45%

76%

83%

Projects

Case Study 1 of 7: LinkedIn-Clone

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.

Case Study 2 of 7: Decor

This lightweight React application features a dynamic welcome screen—initially greeting visitors as “guest,” it updates to “Welcome, <username>” upon user authentication triggered by an avatar click. Stylized with clean CSS, the app is maintained with GitHub for version control and hosted live via Vercel, demonstrating essential front-end interactivity, state management, and deployment practices with simplicity and clarity.

Case Study 3 of 7: DashBoard/ShadCN

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.

Case Study 4 of 7: AutoMagic Website

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.

Case Study 5 of 7: Advance-Animation

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.

Case Study 6 of 7: Whatsapp-Clone

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.

Case Study 7 of 7: Twitter-Clone

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