DrinkMe is a beautiful, intuitive hydration tracking app that helps you stay refreshed and healthy throughout your day.
- Personalized Hydration Goals - Get a custom water intake plan based on your body metrics
- Beautiful Water Animations - Enjoy delightful visual feedback as you track your progress
- Daily History & Stats - View your hydration patterns with intuitive charts and graphs
- Smart Reminders - Receive gentle notifications to keep sipping throughout the day
- Streamlined Onboarding - Quick and easy setup to get you hydrating in no time
-
Install dependencies
npm install
-
Start the app
npx expo start
In the output, you'll find options to open the app in a:
- Development build
- Android emulator
- iOS simulator
- Expo Go, a convenient way to test your app on a physical device
DrinkMe features a beautiful UI with:
- Animated water bottle visualization
- Clean, modern interface with gradient accents
- Intuitive tracking of your daily water intake
- Detailed history view with progress indicators
- React Native - Core framework
- Expo - Development platform
- React Navigation - Screen navigation
- Linear Gradient - Beautiful color transitions
- AsyncStorage - Local data persistence
- SVG & Animations - Delightful user interactions
The app uses a file-based routing structure in the app directory, following Expo Router conventions. Key screens include:
- home.tsx - Main dashboard for tracking daily intake
- history.tsx - Visualization of past hydration records
- finishonboarding.tsx - Setup flow with personalized hydration goals
- Expo documentation - Explore guides and API references
- React Native docs - Learn about React Native development
- File-based routing - Understand how navigation works in this app
Feel free to submit issues or pull requests if you have ideas for improvements!
This project is available for personal use and learning purposes.
Stay hydrated! 💦