I'm Bonolo Modikoane a Frontend / Web Developer & Engineer

I develop modern, responsive web applications using Next.js, React, TypeScript, and Tailwind CSS. I’m actively seeking a full-time position and am also available for freelance work. If you have a project or opportunity, feel free to reach out.

About Us

I'm a Frontend Developer with over 2 years of experience since 2023, specializing in Next.js, React, TypeScript, and Tailwind CSS. I'm passionate about creating web applications that are not only fast and scalable but also enjoyable to use.

About us

Frontend & UI

  • React, Vue.js, Next.js
  • TypeScript, JavaScript, HTML, CSS
  • Tailwind CSS, Framer Motion
  • Responsive Design, Animations & Motion
  • UI/UX Design, Accessibility (WCAG)

Backend & API

  • Node.js, Serverless Functions
  • REST APIs, GraphQL
  • JWT Authentication, Database basics (Firebase, MongoDB, PostgreSQL)

Projects

Check out my latest work, I've worked on a variety of projects, from simple websites to complex web applications. Here are a few of my favorites.

Real-Time Analytics Dashboard

Real-Time Analytics Dashboard

October 2025

A production-ready analytics dashboard featuring live data streaming via WebSocket, JWT authentication, and interactive visualizations. Built with Next.js 14 and Socket.io, it provides real-time updates every 2-3 seconds with automatic reconnection. The platform includes customizable chart types (line, bar, area), and smart notifications. Fully responsive with TypeScript for type safety across all components.

Next.js 14 (App Router)TypeScriptSocket.ioTailwindCSSRechartsJWTReactNode.jsVercelNPM
Website
NovaWrite – AI-Powered Writing Platform

NovaWrite – AI-Powered Writing Platform

April 2025 - May 2025

NovaWrite is an AI-powered writing platform that enables users to generate blog drafts, paraphrase content, and edit markdown with live preview. Built with Next.js and TypeScript, it provides a seamless writing experience enhanced by Groq's OpenAI-compatible API. The platform is fully responsive and includes user-friendly features like tone control, length settings, and draft management.

Next.jsTypescriptPrismaTailwindCSSSQLiteGroq SDKReactVercelNPMCDNVercel
Website
Updated version of Uniaudi's website

Updated version of Uniaudi's website

Jan 2025 - Feb 2025

UniAudi is a modern website for a Portuguese accounting firm, offering clear insights into its accounting, tax, and advisory services. Built with reusable TSX components in TypeScript and powered by Next.js and React, the site combines clean design with smooth animations.

Next.jsTypescriptReactTailwindCSSFramer MotionGSAPAnimate.cssAceternity UIShadcn UIMagic UINPM
Website
Real-Time Analytics Dashboard

Real-Time Analytics Dashboard

October 2025

A production-ready analytics dashboard featuring live data streaming via WebSocket, JWT authentication, and interactive visualizations. Built with Next.js 14 and Socket.io, it provides real-time updates every 2-3 seconds with automatic reconnection. The platform includes customizable chart types (line, bar, area), and smart notifications. Fully responsive with TypeScript for type safety across all components.

Next.js 14 (App Router)TypeScriptSocket.ioTailwindCSSRechartsJWTReactNode.jsVercelNPM
Website
Garden Cafe

Garden Cafe

December 2024 - January 2025

Garden Café is a vibrant website that captures a cozy, nature-inspired café experience through a modern, clean design. Built with Vue 3 and powered by Vite, it features modular components, smooth interactivity, and seamless navigation using Vue Router and Pinia for state management.

Vue 3ViteVue RouterTailwindCSSPiniaGSAPNPMmodern ES modules
Website
Updated version of Uniaudi's website

Updated version of Uniaudi's website

Jan 2025 - Feb 2025

UniAudi is a modern website for a Portuguese accounting firm, offering clear insights into its accounting, tax, and advisory services. Built with reusable TSX components in TypeScript and powered by Next.js and React, the site combines clean design with smooth animations.

Next.jsTypescriptReactTailwindCSSFramer MotionGSAPAnimate.cssAceternity UIShadcn UIMagic UINPM
Website

Download My CV

Let’s Work Together

I’m currently seeking opportunities as a Frontend Developer / Web Engineer where I can contribute to creating impactful, high-performing digital experiences. If my work resonates with you, I’d love to connect and explore how we can collaborate. Download my CV

Contact Me

I’m always open to new opportunities — whether it’s a full-time role, freelance collaboration, or an exciting project idea. If you think I’d be a good fit, feel free to reach out. I’d love to connect.