Senior Frontend Developer · Tsogolo Technologies, South Africa

I'm John
Francis Fidelis.

Senior Frontend Developer with 6+ years building web and mobile products in React, TypeScript, and modern frontend tooling, across fintech, e-commerce, construction-tech, and AI. Comfortable owning architecture and UI/UX end to end, solo or within a team.

About
Current role
Senior Frontend Developer
Tsogolo Technologies, South Africa
Specialisation
Frontend · Fullstack
AI Integration · Mobile
Education
Computer Engineering
University of Uyo
Training
Project Management
London-based training provider
Started
2020 · FutureLabs

Building from the ground up since 2020

My journey began in early 2020 at FutureLabs, right after secondary school, where I moved quickly from student to mentor while shipping real client work. While there, I co-founded Styley, a fashion-tech startup within the lab, alongside my friend Justin Mark. From there I took a Lead Engineer role at Fredans Technology, building MVPs for SMEs and startups, and later integrated OpenAI's API into production applications, exploring automation, NLP, and AI-enhanced experiences.

Since then I've shipped across construction, finance, e-commerce, and AI, including work with Budova Engineering in Ukraine, and now as Senior Frontend Developer at Tsogolo Technologies in South Africa, where I'm the sole frontend developer on a data-bridge analytics dashboard for one of South Africa's largest telecom providers, a Vodafone Group company. Alongside that, I build personal projects to deepen specific skills, most recently Sportiya, an AI-powered sports prediction platform I built solo. Across all of it I move comfortably between solo work and larger teams, with a solid grip on Git, CI/CD, and Agile delivery, and practical project management skills from SWOT analysis to resourcing under real constraints.

Experience

Where I've worked

Senior Frontend Developer

2025 - Present
Tsogolo Technologies·South Africa· tsogolo.com ↗

Sole frontend developer on the team, owning the full frontend architecture, component design, and UI/UX delivery pipeline, working in close daily collaboration with a backend engineer to ship production features end to end.

Details
  • Leading frontend development, largely independently, of a data-bridge analytics dashboard for one of South Africa's largest telecom providers, a Vodafone Group company, turning complex, high-volume data feeds into clear, performant visual interfaces.
  • Partner directly with product and design stakeholders to scope, design, and deliver scalable UI/UX solutions, maintaining code quality and performance standards across a growing production codebase.
  • Operate as the frontend authority on the team, making architecture and tooling decisions (React, Next.js, TypeScript, Tailwind CSS) that keep the codebase maintainable as new features and enterprise clients are added.

Frontend Developer

2023 - 2024
Budova Engineering·Ukraine, Europe· budovaengineering.com ↗

Brought in as an external contract specialist after Budova's internal team could not resolve a specific technical challenge, with no internal expertise, documentation, or AI tooling available at the time able to solve it: displaying and converting Autodesk 3D construction models (SVF and SVF2 format) inside a web application.

Details
  • Corresponded directly with Autodesk's own engineering team to obtain undocumented technical guidance, then engineered a working file-conversion and rendering pipeline, delivering a solution the client's internal team had not been able to achieve on their own.
  • Collaborated closely with Budova's lead developer to test and validate the solution against real construction models, iterating until the display was accurate and production-ready.
  • The client considered offering a full-time position in recognition of the work, but the company paused operations shortly after, as the war with Russia began impacting the business.

Full Stack & AI Developer

2023 - 2024
RASHAI·AI Writing Tool· rashfordai.com ↗

Worked within a small, focused team as the key technical player, taking primary ownership of the web and mobile frontend for an AI-powered writing assistant built on OpenAI's API.

Details
  • Built and shipped core product features including AI paraphrasing, text summarisation, AI-generated content detection, and long-form story writing tools, across both web (React) and mobile (Ionic) surfaces.
  • Integrated OpenAI's API into a production-grade full-stack application, handling prompt design, response streaming, and state management for a responsive, real-time writing experience.
  • Worked closely with the rest of the small team to prioritise features and ship iteratively, acting as the primary technical reference point for frontend and integration decisions.

Lead Engineer

2022 - 2025
Fredans Technology·Consulting and Service Agency· fredanstechnology.com ↗

Serve as Technology Lead of a multi-developer team spanning frontend, backend, and mobile, directing technical delivery across a portfolio of concurrent client engagements for SMEs and startups.

Details
  • Own architecture and technology-stack decisions end to end, from initial scoping and MVP planning through to production launch, across industries including e-commerce, fintech, education, logistics, and service marketplaces.
  • Write and review frontend and full-stack code alongside the team, setting engineering standards and mentoring developers on best practice, code quality, and delivery pace.
  • Manage client relationships and requirements gathering personally, translating business needs into technical roadmaps and realistic delivery timelines under limited team resources.

Frontend Developer & Tutor

2020 - 2023
Future Labs·Innovation Hub· LinkedIn ↗

Collaborated within a cross-functional team of frontend, backend, and UI/UX developers to design and build client solutions across fintech, edtech, e-commerce, and other sectors within the innovation hub.

Details
  • Progressed from beginner to mentor over three years, tutoring and supporting junior developers as they built their own frontend skills and contributed to live client projects.
  • Co-founded Styley, a fashion-tech startup incubated within the lab (2020 to 2022), gaining early exposure to product development, teamwork, and the practical realities of building a company from scratch.
  • Built a strong foundation in frontend fundamentals during this period that underpins my work today, moving from structured learning to shipping real production features for real clients.
Skills

Technologies & capabilities

Frontend

React.js, Next.js, TypeScript, JavaScript, HTML, CSS, Tailwind CSS, Bootstrap, MUI, Vite

Backend & Database

Node.js, MongoDB, Google Firebase

Mobile

Ionic, Capacitor

AI & Tooling

OpenAI API, Claude - Anthropic API, Gemini API, DeepSeek, GitHub, Vercel

Research & Product

Market Research, Product Research, User Research, Competitive Analysis, Growth & SEO, Business Development

Growth & CMS

CMS Development, Google Ads, Conversion Tracking (GA4, Meta Pixel), SEMrush, Ahrefs, Backlink & DR/DA Analysis, PostHog

Engineering & Delivery

CI/CD Pipelines, Agile Methodology, Git Workflows, SWOT Analysis, Task Prioritisation & Resource Planning, Team Communication

Projects

Selected work (non-NDA)

"Coding is like a puzzle. Sometimes the best way to solve it is to step back and look at the big picture."

01

Sportiya

sportiya.com · Personal Project, Solo · 2026 - Present

Conceived, built, and grown entirely solo: an AI-powered sports prediction platform combined with a copy-betting marketplace that lets users follow bettors with consistent, verifiable track records.

Details
  • Designed and built the full product solo: an interactive AI chatbot for match analysis, a probability-based prediction engine, and a copy-betting marketplace with transparent, verifiable results.
  • Built the entire stack alone, frontend (React, Next.js), backend and data (Node.js, MongoDB, Firebase), AI integration (OpenAI API), and cross-platform mobile apps (Ionic, Capacitor).
  • Own the full growth function as well as the product: organic SEO strategy and content, tracked with SEMrush and Ahrefs for backlink and domain authority (DR/DA) performance, alongside paid acquisition through Google Ads with Meta Pixel conversion tracking.
  • Grew the platform to 10,000+ monthly users without a marketing team, using the product, technical, and growth skills above together to acquire and retain users in a highly competitive niche.
ReactNext.jsNodeOpenAI APISEO
View project ↗
02

Abelusi Livestock Marketplace

abelusi.co.za · Solo Frontend & API Integration

A South African-exclusive livestock marketplace: a 5-in-1 system connecting buyers, sellers, veterinary inspections, delivery logistics, and admin management.

Details
  • Built the entire frontend solo, end to end, translating a complex 5-sided marketplace (buyers, sellers, vets, delivery, admin) into a coherent, usable interface.
  • Consumed and integrated the backend API alone, handling data flow, state, and error handling across every user role in the platform.
ReactJavaScriptNodePython
View project ↗
03

Rash AI, Writing Assistant

rashfordai.com · Small Team, Key Technical Player

A full-stack AI writing assistant with paraphrasing, AI detection, summarisation, and story writing, across web and mobile. Took primary ownership of the frontend within a small team, shipping the core writing, detection, and summarisation features end to end.

ReactOpenAI APIIonicFirebaseNode
View project ↗
More work
  • WallX E-commerce Marketplace Next.js · TypeScript · Python · Tailwind
  • Manwaka, Services Platform React · Vite · Python · Capacitor
  • Blackboc Financial Management Next.js · TypeScript · Python · Tailwind
  • Rippled School Management Next.js · TypeScript · Node · Tailwind
  • Food Ordering Web App React · JavaScript · MUI · Node
  • CRM Web Application React · Vite · Python · JavaScript
  • Netflings & Chill, Dating App React · Vite · Python · CSS
Contact

Let's build something together

Open to new opportunities, collaborations, and interesting problems.

[email protected] ↗