Introduction

After developing and deploying my first Javascript based API that I wrote about here, I decided to create a a simple frontend for the API with React.js. Once the application was complete, I deployed it to firebase: https://dog-facts-2277d.web.app/.

Development

What made development smooth was learning about:

1. React Components
2. BEM Naming Convention
3. Tutorial on CSS Flex Box

Additionally, making use of react-bootstrap's Card component simplified a lot of the styling of the individual facts. Granted this website is incredibly simple, I am still happy with the results:

The Github repo for this project can be found here

Deployment

Deployment with Firebase was a breeze. I used the Firebase CLI to easily initialize the project and then deploy. What was cool was the integration with Github using Actions i.e. with each push there is an automatic deployment of the new app.

Conclusion

Any feedback would greatly be appreciated!