GoalGetEm!

• 

  A group forum for people to motivate each other towards similar goals

Inspiration

With a new decade, there's a lot of goals people set for themselves. But for how long can they stick to those resolutions? Never fear! Our app is here!

What it does

Our app helps users find people who share similar goals and connect with them using our in-app messaging. Through our online community, users can motivate each other by completing weekly challenges and sharing support.

How I built it

Our team used React.js for the frontend part and connected it to the Firebase database. We implemented Firebase Authentication to create and validate user accounts. To save and retrieve the user data, we used the Firebase Realtime Database. We also used various npm packages to help with the formatting and styling, such as React Router, and Styled Components.

Challenges I ran into

This was our first time successfully creating a web application. Some of the issues we faced were:

• feature that allows the user to upload a profile picture
• learning how to use React
• human error and annoying bugs

Accomplishments that I'm proud of

We finished a project! Woot woot! Other things:

• dropdown menu
• learning Firebase

What I learned

• Brianna - how to add text into the form field
• Lily - how the different sections of code interact with each other
• Nina - using Firebase databases and using abstracted components
• Claire - linking pages of html and using github

What's next for GoalGetEm!

Additional features that we hope to make:

• chat feature with Firebase Realtime Database
• gathering more users to populate the chat rooms
• connecting people based on location using Google Maps API

Built With

• firebase
• html
• javascript
• react
• react-router
• scss
• styled-components