Event Booking Platform Project
A full-stack event booking app using Vite React, Apollo GraphQL, Express, MongoDB, event creation, and booking flows.
Project image carousel

Image 1 of 6
Project Concept
An event-booking platform with a GraphQL API — browsing and searching events, booking and cancellation, and creator-owned event management, with real-time activity through GraphQL Subscriptions.
What the Interface Shows
An Arabic event grid, two event-detail modals (heavily booked and unbooked), two users’ “My Bookings” pages with readable dates, and a login screen.
My Role and Decisions
When I found that event dates displayed correctly in the public
browsing page but as raw epoch numbers in “My Bookings,” I realized the
cause wasn’t a separate bug — the bookings query simply wasn’t passing
its nested event data through the same formatting function
(transformEvent) that the public events query already used. The fix
was reusing that existing function rather than writing a second,
duplicated date formatter, and I added an end-to-end test confirming
both paths now return the same format. Instead of adding a placeholder
favicon, I removed the stale reference since no approved brand asset
actually existed.
Technical Aspects
A TypeScript Apollo/GraphQL server with a separate Vite client, authentication via bcryptjs and JSON Web Tokens, and booking/ cancellation ownership fully enforced in resolver logic (not just the client) — including preventing a user from double-booking the same event.
Project Value in the Portfolio
This project demonstrates diagnosing a defect by comparing the behavior of two similar code paths (a public query versus an authenticated one), and fixing it by reusing existing code instead of duplicating it.
Related projects
Photo Sharing Web App
A social photo-sharing platform with a public feed and likes, dark and light modes, built with Next.js, MongoDB, and Cloudinary for image storage.
Read more: Photo Sharing Web AppAI-Assisted English Learning App
An AI-powered English-learning assistant for Arabic speakers, with lessons, quizzes, translation, and pronunciation practice, with no accounts or persistent storage.
Read more: AI-Assisted English Learning AppExpense Tracker Web App
A full-stack Next.js expense tracker with JWT authentication and MongoDB, hardened through a complete security audit, an automated test suite, CI/CD deployment, and a ready-to-r...
Read more: Expense Tracker Web AppRelated services
Full-Stack Web Application Development
End-to-end web applications that connect responsive interfaces, APIs, authentication, and databases into practical product workflows.
Backend API Development
Structured REST or GraphQL back ends with data models, validation, authentication when needed, and endpoints ready for front-end integration.









