mikebrucker / Rostered-v2

Rostered v2.0.0 - Hockey Team Management App

Home Page:https://rostered.mikebrucker.com/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Rostered v2.0.0

  • Keep track of your hockey teams with schedules, games, and players.
  • Dashboard displays upcoming and recent games.
  • Change the theme's primary color to match your team.
  • Import/Export teams for other teammates to use.
  • Swipe between login and signup in the UI.
  • Swiping between teams is too slow and buggy in the browser version and has been removed.

Minimum Viable Product Live Link - Rostered

Built with React, Redux, Material-UI, Firebase

  • React used to separate everything into reusable components.

  • Redux used to store user data from database by implementing react-redux-firebase and redux-firestore

  • Material-UI used extensively to create a clean look and easy to style code.
    No CSS files. CSS is managed using Material-UI's withStyles function to inject SCSS directly into the component.

  • Firebase serves as the backend storing data in Firestore.
    I am using a collection of users to keep all pertinent data stored on the user document.
    A collection of exportable teams has been implemented in a new feature enabling users to import a team created by another user complete with all players, schedules, and games associated with the team.

Future Features

In the future I am looking to add support for different sports.
Team Logos.
Game planning like setting lines.
If possible a trash talk chat session where if you are playing another team that uses the app you can chat in the few days leading up to puck drop.

About

Rostered v2.0.0 - Hockey Team Management App

https://rostered.mikebrucker.com/


Languages

Language:JavaScript 99.2%Language:HTML 0.5%Language:CSS 0.3%