WineBar website
December 2025
A full-featured wine bar website with a public showcase of wines and an admin dashboard for managing events, tastings, and wine listings.
ViteReactTailwind CSSTypeScriptNPMVercel
WebsiteI'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 Me
I'm a Frontend Developer with over 4 years of experience, 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.
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.
Updated version of Uniaudi's website
Jan 2025 - Feb 2025
Designed and developed a professional services website for an accounting firm, featuring service pages, investment project information, a meeting scheduling flow, and a news section to support lead generation and credibility. Focused on clear information architecture, conversion-driven CTAs, and scalable content structure.
Next.jsTypescriptReactTailwindCSSFramer MotionGSAPAnimate.cssAceternity UIShadcn UIMagic UINPM
Website
PEOPLE - HR Consulting Website
Jan 2026
PEOPLE is a portfolio website designed to showcase HR consulting services for founders, HR leaders, and growing organizations. The site emphasizes clarity, professionalism, and practical solutions for building strong people foundations.
Next.jsTypescriptReactTailwindCSSReact Hooks Next.js routingNode.jsNPM
Website
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
Jan 2025 - Feb 2025
NovaWrite is a modern web application that leverages AI to help users generate high-quality written content, including paraphrased text, and creative writing. Built with a scalable Next.js architecture, it integrates real-time AI completions through Groq’s API, provides a clean and responsive user interface. The platform demonstrates full-stack capabilities, combining front-end interactivity with server-side API integrations and environment-based configuration for production-ready deployment.
Next.jsReactTypeScriptTailwind CSSNextAuth.jsPrismaGroq AI APIPostgreSQLVercel
WebsiteDownload 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.