This software consumes the RESTful API back-end email service, based on the Uber coding challenge requirements. It's a ReactJS app with Bootstrap CSS theme and Font Awesome icons.
- Pull down the repository
- Run
npm installto install all dependencies - Run
npm startto start the local server
This package is intended as a front-end service only. It consumes several endpoints provided by the back-end using Axios. Use /api/register or /api/login to authenticate. Once the app receives a JWT, the user is authenticated, and the token is sent as an Authorization header with all subsequent requests. The app uses POST /api/emails to send a new email, and GET /api/emails to view the list of successfully sent messages. /api/logout is used to clear out the JWT and log the user out.
Because of the size and the scope of the project, I opted not to use a state management package. For three endpoints, it's really not necessary to increase the complexity. The JWT is simply stored in the browser's localStorage, and params get passed down from component to component. In production level application, MobX or Redux should be used to manage application's state.
Make sure you set up the local proxy to correctly consume the local API. Look for proxy : /api : target in package.json.
Some monitoring tools that might be useful in an actual production environment are BugSnag, Sentry, and HotJar.