TourDeFoos - CodersCamp final project

Frontend

Netlify Deployment

URL: https://wkps.netlify.app/

Backend

Swagger REST API Docs

Test Coverage

Mutation Test Coverage

Overview

TourDeFoos is an application to organize and manage tournaments - in this case it's dedicated especially for foosball tournaments.

It was created as a final project of CodersCamp course.

Our Crew

Mentor Mateusz Nowak

• Anna Lamperska
• Piotr Rynio
• Paweł Szambelan
• Tomasz Dworniczak

Main functionalities

1. Tournament organisation
2. Creating players profiles (regardless of tournaments) and sending them confirmation emails via NodeMailer.
3. Tournament registration
4. Tournament tables module responsible for enable/disable tables during tournament
5. Division into teams and assignment to teams
6. Division of matches between teams - making tournament tree
7. Matches module responsible for starting and finishing matches

Dependencies

The following technologies were used:

Backend:

• Node.js
• Express
• Database: MongoDB / in memory save
• TypeScript
• Docker
• Nodemailer
• Jest
• MailHog
• Stryker
• Heroku
• Swagger
• Docker

Our backend application follows the TDD approach and is almost fully covered by tests. The architecture has been designed according to the DDD (Domain-driven design).

Frontend:

• React
• React-DOM
• Router
• Hooks (useState, useEffect, useContext,useHistory)
• Material-UI
• Axios

The architecture has been designed according to the Atomic Design approach. Application follows th Mobile First Design.

Other:

• Code Review in every Pull Request (and 2 Approve to merge)
• Event Storming & Event Modeling
• Domain-Driven Design (DDD)
• Git
• GitHub
• IntelliJ
• Miro
• Figma
• Swagger
• Docker
• EasyRetro
• We used to daily every day and remote-meeting every week!

Event Modeling

During this project used EventStorming, followed by Event Modeling to model our application flow and for task division. We used for it miro web app. Link to Miro Board.

Running the project

Running this project locally

From the repo:

1. Clone this project locally
2. Run npm install in your bash/command line
3. Go to /backend in your bash/command line and Run npm run start:dev in your bash/command line
4. Go to /frontend in your bash/command line and Run npm run start in your bash/command line

Development

1. Execute docker-compose -f docker-compose.dev.yaml up in main project catalog - this will run the application in watch mode and all required dependencies.
2. Now following urls should be available:
   • REST API SWAGGER | http://localhost:5000/rest-api-docs/
   • FRONTEND (REACT) | https://localhost:3000