Git Product home page Git Product logo

backlog's Introduction

Backlog

Date: 3/27/2022

By: Frank Marra


Description:

Warren Zevon once said, "We love to buy books because we think we are buying the time to read them". The same could be said about anything, especially video games. With games growing in size exponentially over the years, with some being hundreds of hours long, it has become a daunting task to finish every game you purchase. That doesn't stop us from buying more games before we finish the ones we have, though.

This is the reason why Backlog was created. Backlog aims to help you keep track of your library of games by sorting them into catagories of 'Not Started', 'In Progress', and 'Completed'. You are also able to add notes to the games in your library, so if you decide to take a break from one game and start another. This will make it easier to come back to a game later on and have useful information to look at.

We know that it is impossible to ever truly complete your backlog, but at least this will help you be a little more organized. Game on!


Technologies Used:

  • React
  • CSS
  • JavaScript
  • MongoDB
  • Mongoose
  • Express
  • APIs

Getting Started:

To get started, please create a user name to store your backlog in. Click on the create user button and follow the prompts.

image

From there, you will be taken to your Backlog, where you can start searching for games to add. When you find the game you are looking for, click on the card to go to the game details page. You can now click on the button to add this game to your Backlog. Games added will default to the 'Not Started' status, but you can update this by clicking on the drop down next to 'Level Up'.

image

You can now go back to your Backlog and see that this game is either on your 'Not Started' shelf, or whatever status you set the game to. You can continue to add games to build your Backlog.

image

Clicking on a game card on one of your shelves will bring you back to the game detail screen. You can update the status of the game, or add notes in the text area, just make sure you save what you do.

When you finish a game, click on the finished option. You can now either keep the game in your backlog as complete and marvel at how many games you have completed, or delete the game from your backlog.


Coming Soon:

More features to be added in future updates:

  • User Profiles with password protection
  • Track more than just games. Books, Movies, Songs, and more will be available soon!
  • Create a wish list for games you want to play.
  • Link Backlog to different retailers to find the best deal on the games on your wishlist.
  • And More!

Credits:

First and foremost I would like to give credit to my instructors and all of my classmates in the General Assembly Software Immersive 2-22 Cohort.

CSS Inspiration - Ryan Mulligans Blog - This is a good friend of mine, and a wizard with UI/UX/CSS | CSS Tricks - More help with the carousels | Adobe Colors | Drop down menu inspo

Backend help - MongoDB docs

And as always, MDN | W3 Schools For everything else

backlog's People

Contributors

frankmarra avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.