🎮gamebreak🕹️

Description

gamebreak is a web application that allows you to discover and track your video games. This application was created for General Assembly's Software Engineering Immersive (SEI) Program.

This was a group project created by Angela Choi and Kelsey Rocco.

Inspiration

We wanted to share our love of video games with the world. Video games allowed us to problem solve by experimenting various solutions. It has taught us to take risks, fail, and most importantly to keep going and not give up. We are on a mission to help everyone find their favorite video game.

Features

• Login and Sign up
• Add/post/edit/delete your systems
• Add/post/edit/delete your games
• Upload/delete photos of your video game

Screenshots

Landing page Create a gaming system View all systems Add a game View all games Games detail

Technologies Used

• HTML
• CSS
• JavaScript
• Python
• Django
• PostgreSQL
• Materialize CSS
• Authentication
• AWS S3 storage
• Hosted on Heroku

Getting Started

Access the gamebreak web app here

Planning Process

1️⃣ Entity Relationship Diagram

ERD can be found here

• The ERD helped us to create and structure our models and deeply think about their relationships such as one to many, many to one, or many to many.

2️⃣User Stories

The Trello board for user stories, product roadmap, and tasks can be found here.

• User stories allowed us to understand and delve deeper into a users' position and how the user would interact if the user would be using our platform. Throughout every planning stage, we ensured to always put the user in mind when crafting our web application.

3️⃣ Wireframes

Wireframes can found here

• Creating mockups were incredibly useful, especially when we were mapping out routing for various pages.

Reflection / Difficulties Faced

❤️Things we enjoyed:

• Incoporating our ideas
  • If either us of had an idea we ran it by each other and took ownership and did our best to execute it.
• Front-end & Back-end
  • We both took turns working on front-end and back-end
• Pair programming
  • We both learned so much from each other. We would teach other when we solved something differently or added something new.

⛰️Difficulties Faced:

• Centered everything around games rather than systems
• Models & migrations
• Filtering
• Github and resolving git conflicts

📚Lessons Learned:

• Teamwork makes the dream work

  • Your coding and problem solving skills go further when working together in a team environment
  • Encountered more problems, but also learned how to solve them quicker

• Take more risks

  • At first we were scared to push anything on to our main branch. Later on we realized that we can always retrieve our previous work, so we began to experiment freely.

• Prioritization

  • We had an endless list of bugs and new features we wanted to implement occuring simultaneously. We decided to reprioritize and not include the store model and focus on games and systems.

• Documenting our technical issues

  • We encountered several technical issues. We began to document our technical issues for future reference and in case one of our teammates encounters it. The following are the technical issues we resolved.

    • Migration issues
    • Git conflicts
    • Integrity error on Django
    • Working with databases in SQL

Next Steps

The following are the next step in improving our application:

• View games based on gaming system
• Incorporate games API to discover games by various systems
• Community section for people to share/borrow games
• Search by keywords filter
• Profile page for users