austincparker / Roster-Rooster

A simple app where a user can view, create, delete, and edit players on a team.

Home Page:https://team-roster-react.netlify.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Roster Rooster

Netlify Status

Deployed App: https://team-roster-react.netlify.app/

Features

Authentication

  • User can log in and log out.
  • Logged-in user will see the app.
  • Logged-out user will see the sign-in button.

Routing

  • User can click 'team' link in the navbar, and it will navigate to '/team' route.
  • User can click 'new' link in the navbar, and it will navigate to '/new' route.

CREATE

  • Authenticated user can view the 'new player form' and submit a new player.
  • New player is created in firebase and now shows in user's team.

READ

  • Authenticated user can view all the players they created.
  • Authenticated user cannot see players created by other users.

UPDATE

  • Authenticated user can see an 'edit' button on each player card.
  • When user clicks 'edit' button, the 'new player form' appears with the player information pre-populated.
  • When user submits the edit, firebase updates (PATCH requests) and 'team view' is updated.

DELETE

  • Authenticated user can see a 'delete' button on each player card.
  • When user clicks 'delete' button, that player is removed from firebase and the 'team view' updates.

Contributors

Austin Parker (see GitHub)

About

A simple app where a user can view, create, delete, and edit players on a team.

https://team-roster-react.netlify.app/


Languages

Language:JavaScript 88.9%Language:HTML 9.3%Language:SCSS 1.4%Language:Shell 0.4%