My First React App Deployed on Firebase: Dog Facts

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!

Comments

[Mukund Raghav Sharma (Moko)]

Thanks! Own, the link seems broken, could you post again? Typescript is definitely on my things to learn.

[DiegoFranco2001]

Yes, we're developers, but some concepts of UI will be great for any website ;D

[midir99]

Hey bro nice job!

I think that an enhancemente would be that instead of commits for new deployments it would be merge requests to master.