Task 4: Routing and Styles

Great job for those who has completed #12! To view the solution, have a look at a PR in the Pull Request section or #11 .

---

## Summary

As the web has evolved there are more interest of having websites look nice. For that reason we need to add some styling to the site (SASS). In addition, we should start thinking about different routes for application so that if a user wants to click on different things in the application, they will be navigated to the correct page.

For this task I want you to add SASS to the site and make the "hello world" component be blue. I want the component to be abstracted into a React component instead of directly being rendered.

In addition, I want you to add React Router to the application, that will handle all routes that we cannot resolve into a 404 page.

## Walkthrough

1. Abstract React Component
2. Add React Router
3. Add styles

## Resources

1. https://reacttraining.com/react-router/web/example/basic
2. https://github.com/webpack-contrib/sass-loader
3. https://hackernoon.com/a-tale-of-webpack-4-and-how-to-finally-configure-it-in-the-right-way-4e94c8e7e5c1
4. https://reactjs.org/docs/react-component.html

Good luck! ❤️

Review the existing application entry point and build configuration, then follow the linked React Router and sass-loader resources. Done means the hello-world component is a separate React component styled blue with SASS, and unresolved routes display a 404 page.

Written by the indexing model from the issue text.