Elixir is a mobile application that helps users easily keep track of their daily fluid intake. It provides a stunning UI/UX including smooth animation, customization, and a visually asthetic chart. It is built using React Native and Firebase.
- Users can register and log in using their email.
- Users can set a target for their daily fluid intake.
- Users view their fluid intake progress for the day in the main screen.
- Users can navigate and view other days' progress.
- Users can select and add which drink they had and how much.
- Users can create custom drinks and custom amounts for future use.
- Users can view previous drinks they had for the day (you can also delete previous drinks).
- Users can track their last 7 day progress in a bar chart.
| Home Page | Add a Drink |
|---|---|
| View your progress for the day! | Select a drink and the amount and add it to the entry. |
.jpg?raw=true) |
 |
| Custom Drink Type | Custom Drink Size |
|---|---|
| Create your own custom drink. | Create your own custom size. |
.jpg?raw=true) |
.jpg?raw=true) |
| Previous Drinks | Change Dates |
|---|---|
| View your previous drinks for each day. | Navigate between days to see your progress. |
 |
 |
| Target | History |
|---|---|
| Change your daily target. | View important data for your last 7 days. |
.jpg?raw=true) |
.jpg?raw=true) |
- Fork this repository, then clone your fork of this repository.
- Install dependencies using the
npm installcommand. - Download the Expo App on your device.
- Start the application using the
expo startcommand. - Scan the QR code on your device, this will start the application.
Front-End
- React Native (Expo)
- Tailwind CSS
- react-native-gifted-charts
- React Spring (for SVG animation)
Back-End
- Firebase