I implemented the knowledge-check-blocks
interactive block, from the Rise Developer Challenge Instructions. The REST API persists the block's UI state via a PUT endpoint with a few additional database field changes. This is a React app that is mobile responsive and accommodates a wide-variety of end users and devices.
With more time, I would've focused on testing this application and accessibility to open this training tool up to a wider userbase.
In your terminal, you will need to run the server (available at http://localhost:5000/knowledge-check-blocks
):
cd server
npm install
npm start
And from another window in your terminal at the root directory you will need to run the frontend:
cd rise-client
yarn start
From there this app is available at: http:localhost:3000/
This project was bootstrapped with Create React App. Material UI icons are also used. The project is a full-stack Javascript app. It uses React on the frontend, with a backend in Javascript via Express with Morgan for HTTP request logging middleware.
You can learn more in the Create React App documentation.
To learn React, check out the React documentation.