About the React app
The sample app we will use here is a simple and minimal app built with ReactJS to illustrate how can we hook our API to a frontend app.
Figure 1: Example of the frontend app after startup
The React app allows students to log in, see a list of classrooms, enroll in a classroom, and see the classroom tutorials. The tech stack for the app is as follows:
- ReactJS (TypeScript)
- Reach Router: The routing component
- Material UI: Used to build the UI components
- Axios: HTTP library to communicate with our Strapi API
- ReactPlayer: A React library to work with YouTube videos
