A mobile application for monitoring and controlling your smart aquarium system.
AquaCare Frontend is the mobile client component of the AquaCare system, built with React Native and Expo. It provides a user-friendly interface for monitoring aquarium metrics, managing feeding schedules, and controlling aquarium devices.
- Real-time monitoring of aquarium metrics (pH, temperature, water level)
- Live 3D visualization of aquarium status
- Automated feeding schedule management
- Push notifications for critical alerts
- Device management system
- Historical data visualization with graphs
- Dark mode UI design
- React Native
- Expo Router for navigation
- Socket.IO for real-time communication
- Three.js for 3D visualization
- D3.js for data visualization
- TypeScript for type safety
- Expo Secure Store for local storage
- Native Base UI components
- Node.js (v16 or higher)
- npm or yarn
- Expo CLI
- iOS Simulator (for Mac) or Android Studio (for Android development)
- Clone the repository:
git clone [repository URL]
- Install dependencies:
npm install
- Configure API endpoint in
config/api.config.ts
. - Start the development server:
npm start
npm start
: Start the Expo development servernpm run ios
: Start the iOS simulatornpm run android
: Start the Android simulatornpm run web
: Start the web version
/app
- Main application screens and navigation/components
- Reusable UI components/context
- React Context providers/services
- API and device services/assets
- Images and static assets/config
- Configuration files
- Fork the repository.
- Create your feature branch.
- Commit your changes.
- Push to the branch.
- Create a Pull Request.
- Ananda Ayu Putri
- Bintang Timurlangit
- Raqqat Amarasangga Iswahyudi
- Expo team
- React Native community
- Three.js contributors
- D3.js team