https://github.com/vimal2023/daily-water-intake-tracker

A simple React Native app to track daily water intake with progress visualization and weekly stats. Built using Expo with clean UI and smooth navigation.
https://github.com/vimal2023/daily-water-intake-tracker

react-native

Last synced: 6 months ago
JSON representation

A simple React Native app to track daily water intake with progress visualization and weekly stats. Built using Expo with clean UI and smooth navigation.

• Host: GitHub
• URL: https://github.com/vimal2023/daily-water-intake-tracker
• Owner: Vimal2023
• Created: 2026-01-21T15:02:24.000Z (6 months ago)
• Default Branch: main
• Last Pushed: 2026-01-21T16:48:04.000Z (6 months ago)
• Last Synced: 2026-01-22T03:32:49.079Z (6 months ago)
• Topics: react-native
• Language: TypeScript
• Homepage: https://www.loom.com/share/54a1a57e62e74146b4bd2995e0a1a0e4
• Size: 142 KB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
#  Daily Water Intake Tracker

https://github.com/user-attachments/assets/3b358536-2ef4-4d32-95b7-e6f9d1991e92

### • Live App (Expo EAS Update – open via Expo Go):   https://expo.dev/accounts/coder_shelby_07/projects/water-tracker/updates/117ad54e-861e-47f6-9ef7-8d8e676c93e3

A simple and clean **React Native (Expo)** application to track daily water consumption, visualize progress, and review weekly hydration stats.

This project was built as part of a technical assignment to demonstrate UI design, state management, navigation, and basic data calculations.

---

##  Features

### 🟦 Screen 1: Today's Water Intake

- Displays current day water consumption

- Circular progress indicator for daily goal

- Quick add water action

- Reset option for a new day

- List of scheduled water reminders

- Clean and minimal UI

### Screen 2: Weekly Stats

- 7-day water consumption history

- Daily intake vs target

- Weekly average calculation

- Easy navigation back to Home screen

---

##  Tech Stack

- **React Native**

- **Expo**

- **TypeScript**

- **React Navigation**

- **AsyncStorage**

- **Expo Vector Icons**

- **react-native-svg**