Skip to content

Energiser leaderboard with filtration options. Three tables turn to one as screen size reduces.

Notifications You must be signed in to change notification settings

PerrettJ4/w4-Leaderboard-Energiser

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Energiser Score Tracker

We will be building our first full stack app to keep track of energiser scores. It will be a chance to embed everything we've learned so far and practice breaking down problems into solvable chunks.

Take time to plan both the front and back end of your app before you start coding.

Requirements

  • Must use a database for persistent storage
  • Must use an REST API server with routes to manage requests and serve responses
  • Must use the models pattern to allow easy interaction with the database
  • Must have a front end which allows users to at least view the data
  • Bonus: Once users can view the data on the front end, try incorporating other request types from the front end (remember your CRUD actions and think about how you could build front end functionality around them)

The rest is up to you!

Helpful resources

  • If you need a review on using fetch from your front end, check out this short video here.
  • If you want to look more closely at using the second argument of fetch (where you send the method, headers, and body), watch this even shorter video here.
  • When sending a request with a body, you'll need a content-type header to tell the Express server that you're sending JSON. This way, the express.json() middleware can work correctly. Read more about this header in this article here, including how to set the right content-type header for sending JSON.

About

Energiser leaderboard with filtration options. Three tables turn to one as screen size reduces.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published