Inspiration

Seeing that sunhacks just provided a Firebase workshop, we think it's an excellent opportunity to get a hands-on experience with integrating Firebase into our web application

What it does

We decided to build a simple weather forecast app, that calls relevant APIs to give the user's information about a location's weather in advance. Furthermore, with the help of Firebase Translate Text, we were able to index relevant information and translate them to multiple languages.

How we built it

We have decided to build the application with React, it is perhaps the most popular web development framework in the wild. We went through two phases of API calls, one to WeatherAPI, and one to Firebase. The Firebase implementation takes a little bit more time to configure, so it delayed our progress for any further implementations

Challenges we ran into

Most of us aren't familiar with web development, so navigating our way in the beginning was pretty time consuming. We wanted to get started on with a simple, but challenging enough project to test our abilities.

Accomplishments that we're proud of

We were able to complete most of our objectives, successful API calls, database manipulation, Firestore Database queries. We were able to create a decent-looking UI as well.

What we learned

We learned valuable skills in developing with React, Firebase, external libraries and services, and navigating our project with APIs.

What's next for Weather App

We still have more possible features to implement, such as a more extensive set of translation settings, a better looking UI, adding an AI model to make suggestions based on the weather information retrieved...

Share this project:

Updates