NetAlert - Internet Monitor 📡

A React Native Android app that monitors your internet connection in real-time and sends notifications when connectivity is lost or restored.

Features ✨

• Real-time Monitoring: Continuously monitors WiFi and Mobile Data connections
• Smart Notifications: Instant alerts when internet disconnects/reconnects
• Connection History: Complete log of all connection events with timestamps
• Statistics Dashboard: View disconnection trends and downtime statistics
• Background Operation: Monitors even when app is closed
• Modern UI: Material Design 3 with beautiful gradients and animations
• Battery Efficient: Optimized monitoring with minimal battery impact

Screenshots

(Screenshots will be generated during testing)

Tech Stack 🛠️

• React Native with Expo SDK
• TypeScript for type safety
• React Navigation for navigation
• React Native Paper for Material Design components
• @react-native-community/netinfo for connectivity detection
• expo-notifications for push notifications
• AsyncStorage for data persistence

Installation 📲

Development

1. Install dependencies:

   npm install

2. Start the development server:

   npm start

3. Run on Android:

   npm run android

Production Build

Build APK using EAS Build:

npx eas-cli build --platform android --profile preview

Permissions 🔐

The app requires the following Android permissions:

• ACCESS_NETWORK_STATE - Monitor network connectivity
• INTERNET - Check internet reachability
• POST_NOTIFICATIONS - Send notifications
• WAKE_LOCK - Keep monitoring in background
• FOREGROUND_SERVICE - Run background service

Project Structure 📁

NetAlert/
├── src/
│   ├── components/      # Reusable UI components
│   ├── screens/         # App screens (Home, History, Settings)
│   ├── services/        # Business logic (NetworkMonitor, Notifications, Storage)
│   ├── context/         # React Context for state management
│   ├── types/           # TypeScript type definitions
│   └── utils/           # Helper functions
├── App.tsx              # Main app entry point
└── app.json             # Expo configuration

Usage 🚀

1. Home Screen: View current connection status and statistics
2. History Screen: Browse all connection events
3. Settings Screen: Configure notifications and preferences

The app automatically starts monitoring when launched and continues in the background.

Configuration ⚙️

Adjust settings in the Settings screen:

• Enable/disable notifications
• Configure sound and vibration
• Control background monitoring

Building for Play Store 📦

1. Configure EAS Build:

   npm install -g eas-cli
   eas login
   eas build:configure

2. Build AAB bundle:

   eas build --platform android --profile production

3. Download the AAB file from EAS Build dashboard

4. Upload to Google Play Console

License 📄

© 2026 NetAlert Team. All rights reserved.

Support 💬

For issues or questions, please contact the development team.