[TanHaus] Breaking Good

• 

  Choose your activities

• 

  Personalize screen

• 

  Daily generated activities

Github repo: https://github.com/TanHaus/code-for-corona

Try the app here: https://code-for-corona-tanhaus.herokuapp.com/entry

Presentation pitch: https://youtu.be/sSDSqQGcsE8

Inspiration

Without proper planning and motivation, we often fall victim to the never-ending Netflix binges. The team thus want to make an app that can help motivate us to do more meaningful activities, e.g. make a donation and learn to cook a new dish, during this period.

What it does

A one-stop destination for meaningful and personalized activities to do during CB → Users can find activities to do with ease.

An extensive database of tailored activities → Users are recommended with interesting and engaging activities.

Visually engaging UI/UX → Users can have an enjoyable experience.

How we built it

We use ReactJS and material-UI to build a front-end web application. Then it is deployed to Heroku.

Challenges I ran into

State management in ReactJS without Redux was confusing and problematic as we were not familiar with passing state between React components.

Accomplishments that I'm proud of

We made a visually engaging app in ReactJS. For one of our member, this is his first time using ReactJC

What I learned

UI/UX design and ReactJS

What's next for CB activity suggestion app

Make a recommendation system Build a larger database

Built With

• material-ui
• react