My Projects

My Vibe
Full-Stack
My Vibe

My Vibe

live

My Vibe is a modern social media app designed to help you connect with friends, discover events, and share your vibe with the world. Built with the latest web technologies, My Vibe focuses on user experience, performance, and scalability.

Next.js 15React 19Neon DatabasePrisma ORMKindeTypescriptTailwind
Gym Entry
Frontend - API
Gym Entry

Gym Entry

live

This is a modern web application for managing gym memberships, designed with a clean and responsive interface. The frontend is built using React and Tailwind CSS, while the backend API is fully developed by me using Node.js, Express, and PostgreSQL. Users can log in securely, view and manage member data, track active memberships, and scan QR codes for quick check-ins. The final image shows a demo QR code that can be scanned in the app to see how the system works in action.Dummy user data to test the application live: |username: admin or staff|, |password: password|

React 19TypeScriptTailwindAxiosRechartsReact Hook FormHTML5 QR Code ScannerFramer Motion
Quiz Up
Full-Stack
Quiz Up

Quiz Up

live

Quiz-Up is a full-featured quiz app built with Next.js 15, TypeScript, and Prisma. It offers Google and credentials-based authentication via Auth.js, a configurable quiz lobby with dynamic questions by category and difficulty, real-time leaderboards, and an admin dashboard with full CRUD and analytics. Users can track their progress, edit their profiles, and sync data with the database using Clerk webhooks. The app is fully responsive across devices.

Next.js 15React 19PostgreSQLPrismaSupabaseTypescriptTailwindAuth.jsZodbcrypt
Film Radar
Frontend - API
Film Radar

Film Radar

live

Film Radar is a modern React TypeScript frontend app that allows users to discover movies, TV shows, and people using data fetched from The Movie Database (TMDb) API. It features sorting, pagination, debounced search, genre-based filtering, and user favorites and watchlist management persisted via local storage. The app supports dark and light mode themes and provides a responsive, mobile-friendly interface.

React 19TypeScriptTailwind CSSReact Router v7Axiosdate-fnsreact-use
Web Crawler
Full-Stack
Web Crawler

Web Crawler

offline

A fully Dockerized full-stack web crawler application that allows users to submit, queue, and analyze URLs. Built with a robust backend in Express and Prisma (MySQL) and a modern frontend using React and TailwindCSS, it features real-time crawling updates via WebSockets, a visual dashboard for insights, and CRUD capabilities for URLs. The app is production-ready with Prisma migrations and seed logic auto-executed via Docker.

ReactTypeScriptTailwindNode.jsReact IconsRechartsExpress.jsPrisma ORMMySQLDockerWebSocket (Socket.io)Zodaxioscheeriohttp-errors
Geo World
Frontend - API
Geo World

Geo World

live

Geo World is an interactive web application that allows users to explore and learn about countries worldwide. It provides features such as country search, sorting, pagination, and the ability to save countries to wishlists and visited lists. This project is built with modern web technologies, ensuring a responsive and user-friendly experience.

Next.js 15React 19Three.jsGoogle Maps ApiTypescriptTailwind

Showing 1 - 6 of 21