Welcome to Katlego's coding journey.

Latest Work

Chat Box

Link: https://github.com/GirlKat17/ChatApplication.git


Technology Stack: React.js, CSS,  Next.js, Firebase (Firestore, Authentication) & react-hot-toast (for notifications).
Welcome to our Chat Application! This app is a feature-rich, real-time messaging platform built using React, Firebase, and Next.js. It supports seamless one-on-one conversations and dynamic group chats, making it perfect for both personal and professional use. Users can enjoy an intuitive and interactive interface, complete with user authentication, status indicators, profile avatars, and real-time notifications for new messages. Whether you're looking to stay connected with friends or collaborate with colleagues, our Chat Application provides a reliable and user-friendly communication solution.


FlavorFusion Hub(OrderMate)

Link: https://astonishing-kataifi-1b5164.netlify.app


Technology Stack: JavaScript and CSS
FlavorFusion Hub makes communication streamlined and crystal-clear between waitstaff, chefs, and servers. This ensures that everyone is on the same page throughout the entire dining experience, avoiding confusion and miscommunication. Whether it's a special request from a customer or an update on order status, everyone stays informed and coordinated. With FlavorFusion Hub, tracking orders has never been easier. You can monitor the progress of an order seamlessly from the moment it is placed by the waiter to its preparation by the chef and final delivery to the table. This ensures timely and accurate service every time. Designed with simplicity and usability in mind, FlavorFusion Hub boasts an intuitive interface that allows all staff members to navigate effortlessly. Where precision meets efficiency, and every dish is served to perfection

Recipe App
Link:https://rando-sando-group-e.vercel.app
Technology Stack: Next. js, React Icons, Bootstrap, MongoDB, and CSS modules.
Description: The app offers a user-friendly interface for browsing and searching recipes. Users can filter recipes by categories, ingredients, or difficulty levels. Each recipe page provides detailed information, including ingredients, instructions, cooking time, and nutritional facts. The app enhances the user experience with interactive icons from React Icons, allowing users to easily add recipes to their favorites. Its responsive design, powered by Bootstrap, ensures a seamless experience across devices. MongoDB efficiently handles recipe data storage, and CSS Modules maintain modular and conflict-free styles, contributing to a clean and structured code base.

Book Connect
Link:https://e-bookcorner.netlify.app
Technology Stack: JavaScript and CSS
Description: The book app, built using JavaScript and CSS, delivers a user-friendly experience by offering a comprehensive book list with a search feature for specific titles, authors, or genres. Clicking on a book opens a dedicated details page, presenting key information such as the cover, title, author, publication date, and a brief synopsis. JavaScript enhances user interactivity, enabling seamless navigation, book filtering, and an overall enriched experience. The responsive design, facilitated by CSS, ensures optimal viewing on various devices, while also contributing to a visually cohesive and aesthetically pleasing layout through thoughtful styling of fonts, colors, and spacing. In summary, the app serves as an engaging platform for users to explore and discover their reading preferences, providing a seamless and enjoyable experience.