ysskrishna logoysskrishna

GraphQL React Event Booker

Create, Share, & Book Events: Full-Stack Web App

Gallery image 1
Gallery image 2
Gallery image 3
Gallery image 4
Gallery image 5
Gallery image 6

A shared space to publish events and book seats on events others publish

This project is a full-stack events app: people can add their own events and book events other users have created. The repository describes an Express-based GraphQL API with MongoDB and a React web client, aimed at teams or individuals who want a working example of accounts, listings, and bookings in one codebase rather than a polished SaaS product out of the box.

When it is useful

You are teaching or prototyping event flows, you need a reference implementation for sign-in, event creation, and a bookings view, or you plan to fork and adapt the data model for a meetup, class, or internal signup process. It fits learning and customization, not “deploy and forget” production without your own hardening.

What you can do

  • Post and manage events through the dashboard-style flow shown in the project screenshots.
  • Register and sign in so activity is tied to user accounts, with bookings collected on a dedicated screen.
  • Run backend and frontend locally using the setup in the GitHub repository (environment variables for the database and auth secrets are documented there; treat any sample values as non-production).

Limits

  • Capabilities match what the repository actually implements; there is no promise here of payments, calendar sync, email reminders, or enterprise moderation; those would be your extensions.
  • Security, hosting, and compliance (secrets, HTTPS, data retention) are your responsibility once you expose the app beyond a local demo.

Frequently asked questions

What is GraphQL React Event Booker?

It is a shared events app where users add their own events and book other users' events. The stack is Express plus GraphQL plus MongoDB on the backend and a React client.

How do I run backend and frontend?

Set MONGO_URI, JWT_SECRET_KEY, and JWT_EXPIRATION_TIME, then npm run dev for the backend on port 8000. In client, npm i and npm start for the frontend on port 3000.

What screens are included?

Login, register, an events dashboard for adding events, and a bookings page, as shown in the repository screenshots.

Does it include payments or calendar sync?

No. Capabilities match what the repository implements. Payments, calendar sync, and email reminders would be your extensions.

Continue exploring

ProductMetricFlow

MetricFlow

A React dashboard for Monitoring Metrics
Business & SaaS Apps
Plotly
AG Grid
React
BlogCover image for How Microservices Verify JWTs Without Calling the Auth Service

How Microservices Verify JWTs Without Calling the Auth Service

Auth & Security
Backend & APIs
+1
8 min read
ProductExpress FastAPI Protobuf

Express FastAPI Protobuf

Reference architecture for Vue.js, Express, and FastAPI using Protocol Buffers for efficient binary serialization
Backend & APIs
Starter Kits & Boilerplates
Vue
Express
ProductLibMate

LibMate

Full-stack library app for book vending workflows: catalog, admin/user auth, checkout and return, Next.js and FastAPI with Postgres. Free AGPL-3.0 Docker Compose project.
Business & SaaS Apps
Next.js
FastAPI
Alembic
ProductExpress FastAPI Performance Test

Express FastAPI Performance Test

FastAPI vs Express: Performance Benchmark with Artillery
Backend & APIs
Experimental Projects
Artillery
FastAPI
ProductDropbox Lite

Dropbox Lite

Modern file storage & sharing solution with Next.js frontend & FastAPI backend for seamless cloud management.
Business & SaaS Apps
Next.js
FastAPI
TypeScript