React JS: Lab#RE03-3

Developing a To-Do app with RESTful API integration, as a monolithic component

Introduction

• Class notes: LINK
• async link: LINK

We’ll pick up where we left off in the Lab#RE03-1. We’ll create a To-Do list that retrieves data from a RESTful API (a mock-up API created with mockAPI.io) and updates its entry.

Getting started

Project creation

Create a new ReactJS project with the following dependencies:

• react-router-dom
• semantic-ui-react and semantic-ui-css
• axios
• uuidv4 for UUID generation. LINK

Mock API creation

Go to mockAPI and create a new API. Then, create several endpoints for each required transaction.

TODO: define them once the app is designed

Application design

TODO: Create a functional diagram of the application and pseudo-code

To-Do app