• 

  Initial Screen

• 

  Scrolled Screen

• 

  DataStax Screen

• 

  Linode Screen

Inspiration

We wanted to try out new technology in our project which can be to the theme of Mental hacks too so we thought to learn React with DataStax Astra and then build an Health Planner App with some additional Information like App that keeps you relaxed, Some tips and so on.

What it does

It is an Web Application that allows you to Plan and Make a List of Activities that will help in you being fit mentally.It has also got list of Applications that will help you in being mentally fit.For Example: Rainymood that allows you to play rain sounds so you can be relaxed. Moreover, there are some effective lists of activities to follow to become mentally fit.

How we built it

We built it using React and DataStax Astra as backend database for our app. Then we hosted the site on Linode with the Domain from GoDaddy.

Challenges we ran into

The main challenges was to integrate things together of React and DataStax because we both were new to these and we had hard time finding and watching out tutorials to make our hack better. Also, Hosting on the Linode was little tricky for us as we had never hosted react app on Linode and connected it to porkbun domain. There was problem uploading some large files so we uploaded build on github and other project files on GoogleDrive.

Accomplishments that we're proud of

We are happy that we completed a project together, learnt new technology which will definitely help on our further projects and career.

What we learned

We learnt some React Components, DataStax Astra, Linode Server Deployment and many more minor things that we were unaware.

What's next for Daily Health Planner

We are planning to integrate custom user planner so that different user are login and signup to our webapp and then plan their Health as well as get Additional information related to health in their dashboard.

Built With

• datastax
• gcp
• linode
• material-ui
• react