a

Bored Games Web App

a

Summary

Summary

This was a group project for CS 326 Web Programming during the Spring of 2020. I worked in a group with two other students: Kashish Somani and Konrad Herman. We used GitHub for version control and communicated with discord. For the Frontend we used Bootstrap, and for the Backend we used node.js, MongoDB, and launched using Heroku. Due to the sudden outset of COVID-19, we were not able to complete the project to our satisfaction.

We wanted to create an interactive website that allowed board games lovers to connect. My friends and I love to play many different board games. The only problem is that bored games are expensive and we are poor college students. Our idea was to have a website that would allow people to plan when to hangout and who will bring the board game. Users would be able to list games they were interested in playing and games that they owned. Then players could contact each other by email.

a

Web App Design

Web App Design

The design of the website is pretty simple. As a user you are greeted by a login screen. If you do not have an account you can hit the sign-up button to create one. After the user signs in, their login session will last for a certain amount of time. A page will show the games that the user wants to play and game they want to play. By navigating to the Search page using the navbar they can look through a list of board games to find other users.

As stated before the Frontend was created using HTML and Bootstrap. Backend was created using node.js and MongoDB. I worked primarily on the Backend. I worked on the comminucation between the user and the database. This includes: login/authentication, security of usernames and passwords, session creation, and listing of user information on the Search page.

a

API

API

We have included a comprehensive API for the entire project. All 3 of us put a lot of effort into this part of the project. Because I wrote many of the POST and GET functions, I made sure that all the descriptions were accurate. You can explore the website by clicking the first link below!