Carleton University - School of Computer Science Honours Project
Winter 2021
Sporter: A MERN application for managing sports games
Richard Xia
SCS Honours Project Image
ABSTRACT
Sporter is a MERN web application dedicated to managing and finding sports groups and games. The motivation behind this project comes from the difficulty of using other sports management applications and to create a project that improves personal understanding of modern web development. Users can create their own groups that track wins and losses and games that contain teams. Groups and games can be joined by sending requests or by inviting users; open games can also be created without a group, which users can join freely. Users can define roles to allow other users to manage their groups and games. There are also private options to hide groups, games and users from being viewed. In addition, the project includes features like Google Maps and authentication using JSON web tokens. The frontend is designed completely using React components and react-bootstrap to provide styled components. Every component except for the map components are functional components to make managing state simpler. All components are styled using react-bootstrap and .css including flexbox and grids. Frontend routing is handled using Axios while server routes use Express and Mongoose. The backend also includes modules like bcryptjs for password encryption and multer for photo uploading. The project is deployed on Heroku and can be visited using the following URL: https://sporterapp.herokuapp.com/