Quest

Inspiration

Our idea for this site was something can be used to help promote healthier lifestyles. So we came up with a goal setting app that motivates you to complete tasks set by the yourself. We were inspired by our fellow peers at our High school where the mental wellness of the student body is very low. So the audience we planned to target was students as we know how much being organized can help lower the stress someone has.

What it does

Our project is a goal-setting app built from react and express.

How we built it

This project has a react-based frontend, an express-based backend, and a sqlite database. It utilizes many different libraries to increase its functionality.

Challenges we ran into

A huge challenge for most of us was getting used to React and Javascript. In our team of 3, there was only one person with prior experience. The other members had less than a week experience of in both Javascript and React. There was also the fact that all of our members were uncomfortable with CSS. Styling our site was the biggest time consumer overall. The time constraint really put us in a bind and we had to cut some of the features and styling choices we initially wanted.

Accomplishments that we're proud of

We believe this really took our coding knowledge and challenged it. We grew so much from this short project and learned more about back-end, styling, React, and Javascript.

What we learned

We learned a lot about React and its functionalities from this project. Since we were all from different coding backgrounds, we also got to share our knowledge with each other.

What's next for Quest

As this hackathon was only a day, we were not able to introduce some of the features we wanted to. These include a motivation system and a better user experience. We hope to improve the user experience, add a motivation system and tidy up our code after this hackathon.

Built With

• axios
• bootstrap
• css
• express.js
• javascript
• jsx
• node.js
• react
• react-bootstrap
• sqlite
• typeorm
• typescript