SunWise UV App 🌤️

Collaborated with a partner to create a UV index mobile app that tracks UV levels and provides personalized sun safety recommendations. It is designed for ios and Android. The app is built using React Native and requires an emulator (iOS/Android) or a physical device for testing.

Role: Moble App Developer/Designer

Partner: Wenhan Miao

My Main Contributions

  • Real-Time API Integration: Integrated OpenWeather API with Expo Location services to deliver location-based UV forecasts, processing hourly and 8-day weather data with dynamic error handling.
  • Responsive Design System: Developed custom scaling functions using Dimensions API to ensure consistent UI across all iOS and Android device sizes, from iPhone SE to Pro Max.
  • Firebase Authentication: Implemented secure user registration and login system with email/password validation, error handling, and persistent sessions using AsyncStorage for seamless mobile experience.
SunWise Welcome ScreenSunWise Home with UV MapSunWise UV ForecastSunWise Personalized Results

Features

A location-based UV index app with personalized skincare recommendations. Users authenticate via email/password, complete a skin questionnaire for customization, and view real-time UV data on an interactive map.

  • Real-time UV Index Tracking: Location-based UV data with color-coded safety indicators
  • Personalized Skin Assessment: Custom questionnaire for tailored recommendations
  • Interactive Map Integration: Google Maps showing current location and UV levels
  • Smart Recommendations: Personalized sunscreen, clothing, and activity suggestions
  • Safe Product Guidance: Recommendations for chemical-free sunscreens (avoiding Oxybenzone, Octinoxate)
  • User Authentication: Secure account management with personalized data storage

View Code