Now that our backend is implemented, we can turn our attention to the frontend React application.
Since we will be creating our user interface using the React Bootstrap UI toolkit, we need to add it to our project.
First of all, we will need to install the react-bootstrap library as well as the bootstrap package:
- Go to the frontend folder.
- Execute yarn add react-bootstrap bootstrap.
The bootstrap package is the official Bootstrap CSS library. We need to install it because the stylesheet of Bootstrap is not included in react-bootstrap. We should be able to use the most recent version.
Next, we need to load the stylesheet of Bootstrap, so that components can later be styled correctly.
Open the frontend/src/index.tsx file and add the following import on top:
import 'bootstrap/dist/css/bootstrap.min.css';
The installation is...