A premium predictive urban mobility assistant for smart commuters, featuring AI-driven traffic forecasting, smart parking scores, and route optimization.
- AI Smart Briefing — Gemini-powered daily commute advice
- Speed Forecast — 30-minute predictive traffic speed chart
- Route Planner — Compare routes with congestion risk analysis
- Smart Parking — Parking zone stress scores with density heatmap
- Active Alerts — Weather, traffic, and parking notifications
- User Profile — Commute stats, settings, and preferences
- React Native (Expo SDK 54)
- React Navigation (Bottom Tabs)
- expo-linear-gradient — Gradient cards
- react-native-svg — SVG heatmap visualization
- react-native-chart-kit — Speed forecast charts
- @expo/vector-icons (Ionicons)
- Google Gemini API — AI briefing (optional)
- Node.js 18+
- Expo CLI (
npm install -g expo-cli) or usenpx expo - Expo Go app on your phone (for testing)
npm install# Start Expo dev server
npx expo start
# Run on specific platform
npx expo start --android
npx expo start --iosScan the QR code with Expo Go (Android) or Camera (iOS) to run on your device.
To enable AI-powered briefings, create a .env file:
EXPO_PUBLIC_GEMINI_API_KEY=your_api_key_here
The app works fully without the API key using intelligent offline fallbacks.
├── App.js # Root — Navigation container
├── index.js # Expo entry point
├── app.json # Expo configuration
├── babel.config.js # Babel preset
├── src/
│ ├── theme/colors.js # Design system tokens
│ ├── data/mockData.js # Mock data
│ ├── services/geminiService.js # Gemini AI service
│ ├── navigation/TabNavigator.js # Bottom tab navigator
│ └── screens/
│ ├── HomeScreen.js # Dashboard with AI briefing & chart
│ ├── RoutePlannerScreen.js # Route comparison & navigation
│ ├── ParkingScreen.js # Parking heatmap & zones
│ ├── AlertsScreen.js # Notification center
│ └── ProfileScreen.js # User settings & stats
└── assets/ # App icons & splash
MIT