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
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
MERN Notes
Full-Stack
MERN Notes

MERN Notes

offline

A full-stack Notes application built with the MERN stack and TypeScript. It features secure user authentication using Express sessions, full CRUD functionality for personal notes, and a responsive interface styled with Bootstrap. The app includes protected routes, robust backend validation with Mongoose and Envalid, and intuitive navigation using React Router. Designed with scalability and clean code architecture in mind.

Express.JSReact 19MongoDBMongooseNode.JSTypescriptBootstrapExpress Sessionsbcrypt

Showing 1 - 6 of 19