DEV Community

Santos
Santos

Posted on

First Fullstack Project: Tixxly

I'm now 10 weeks into my bootcamp and was assigned to make a fullstack project with a partner. My partner Rayleigh came up with the idea to create a movie theatre website. We created this project using various means like Node, ElephantSQL, EJS, Seuquelize and more. Much of our design and functionality were based off other theatre apps/websites. All of the movies displayed on our homepage are from The Movie Database API.
Home Page

From the front page, users can choose the movie they want to reserve a ticket for from the available time. All of these times are gathered from a database we created. Our API is set to gather recent releases from their database, so our homepage will change every few days with what movies are shown. Although because we have to manually insert times and movies to our own database to be displayed on the reservation page, some may end up having no showtimes.
Reservations

After that, we allow the user to select some concessions which also come from one of the tables in our database.
Concessions

Once the user chooses their concessions, they just have to fill out a form with their name and will be redirected to a page with their ticket information.
Ticket

This was the first time our bootcamp had an assignment involving a partner, so we had to figure out how to split the work. Rayleigh was a powerhouse through this whole project. Major props to her for putting together so much of this project and designing the website. Some of the challenges we faced at the start was figuring out how our database and tables would be setup and connected. Another slight hurdle was getting the information from our database to show up on certain pages.
Here's our projects github if you want to see the code.

Top comments (0)