Full-Stack React Projects - Second Edition

The scatter plot data API

We will add an API to the backend that will return the expenses incurred over a given month in the data format needed to render the scatter chart in the frontend. To implement this API, we will first declare a GET route, as shown in the following code.

mern-expense-tracker/server/routes/expense.routes.js:

router.route('/api/expenses/plot')  .get(authCtrl.requireSignin, expenseCtrl.plotExpenses)

A GET request to this route at '/api/expenses/plot' will first ensure that the requesting client is a signed-in user, and then it will invoke the plotExpenses controller method. The request will also take the value of the given month in a URL query parameter, which will be used in the plotExpenses method to determine the dates ...