← Back to projects

Team Calendar

A containerised full-stack calendar for teams to create and share events.

ReactNode.jsExpressMongoDBDocker
Team Calendar screenshot

The problem

Teams need one shared place to create, view and manage events, and it should run the same way on every machine.

Approach

  • React front end with calendar, login and modal components, talking to an event service over a REST API.
  • Node.js and Express back end with MongoDB through Mongoose.
  • Docker Compose runs the client, server and database together with one command.
  • ngrok support exposes the back end for remote access and testing.

Results

  • Three-container setup that starts with a single docker-compose command.
  • Works with or without Docker, and the repo documents both setups.

At a glance

Architecture
  1. React client

    port 3000

  2. Express API

    port 5000

  3. MongoDB

    port 27017

Default ports from the project README. All three run as containers under Docker Compose.