Projects

TagFlow - Note-Taking App with AI Summaries

TagFlow is a full-stack note-taking web application that allows users to create, edit, and organise notes using tags, sorting, and filtering. Built with Next.js and React, it uses Prisma with a PostgreSQL database for persistence and Clerk for secure authentication. The app also integrates an optional AI summary feature via the SheCodes AI API, demonstrating practical backend integration and thoughtful UX for handling the unsaved state.

TagFlow

Discord Stream Viewer (Full Stack Integration)

This full-stack project connects a Discord bot with a browser-based frontend to stream messages in real time. A Python backend listens to Discord events, exposes a streaming API, and serves a minimal UI that displays both recent message history and live updates. The project emphasises backend integration, async communication, and deployment of a working end-to-end system.

Discord Stream Viewer

Charmed – AI-Powered Text Transformation Tool

This project is a client-side web application that integrates an external AI API to transform user-provided text into stylistically altered output. It demonstrates API consumption, asynchronous request handling, and dynamic UI updates using vanilla JavaScript, HTML, and CSS. The app focuses on simplicity, responsiveness, and clear user feedback during longer-running API calls, while maintaining a polished, accessible interface suitable for both desktop and mobile use.

Charmed

Dictionary App with React

With this web app you can search for almost any words and it will display the meanings, phonetics and pictures of that word. You can also listen to the pronunciation of the word. This app is built with React components and API integration, it is responsive and it is SEO friendly. It also has a dark mode button where you can change the background color of the app.

Dictionary

Simple Weather App with React

This web app will display the current weather conditions and a five-day forecast for each city you search for with API integration and animated weather icons with React components. You can also use the "My location" button to show the weather and forecast for your location. It has improved responsiveness and it is SEO friendly. You also get a random quote whenever you load the page.

Simple Weather

World Clock App

Discover the World Clock web application, where you can effortlessly explore the current times and dates across different global locations. The app offers an intuitive interface and dark and light modes and leverages JavaScript, HTML, CSS, and moment.js to ensure precise timekeeping.

World Clock