-
-
Landing page of the website
-
Water tracker, used to track the daily water consumption. Click 'Get Notified' button to begin getting automated messages via Courier.
-
After clicking the 'Get Notified' button, you start getting the email notifications to drink water at a regular interval of 1 hour.
-
An image of email you recieve from the FitBuddy team. Sender email has been edited for security reasons.
-
The user receives these messages at an interval of 1 hour.
Inspiration
In recent times, due to excess work responsibilities, people are unable to focus on their health and ignore their total daily water intake. According to WHO, it is recommended to drink at least 2-3 liters of water. So, this project is an initiative to improve your daily water intake.
What it does
The project focusses on a water tracker that keeps a count of your daily water intake. Once you click 'Get Notified' button, you will receive mails from the FitBuddy team at an interval of 1 hour, reminding you to take a glass of water.
How we built it
The frontend part is made of React JS and styling is done by Tailwind CSS. Courier API is used for automation and sending the email notifications.
Challenges we ran into
Going through the Courier Docs and connecting the API calls with the React JS frontend.
Accomplishments that we're proud of
Connecting the frontend and backend as well as completing the project before the deadline.
What we learned
I learnt about an awesome API called Courier and how it can be integrated and used for sending notifications via mail, message and various other ways.
What's next for FitBuddy
Adding the automation functionality of the Courier API on other new features like tracking food intake, sleep tracker and many more.
Built With
- courier
- express.js
- javascript
- node.js
- react
- tailwind
