INTRODUCTION

SimpleWeather 🌤️

A cross-platform mobile weather app built using React Native. SimpleWeather provides:

• Current location weather data: Get real-time weather updates for your current location.
• City weather search: Look up the weather conditions for any city in the world.

This app is designed for Web, Android, and iOS, combining modern UI/UX with the power of React Native to deliver a seamless user experience on each.

Get started today!

Watch the Demo!

---

FOLDER STRUCTURE

• src: The main directory of the application.

  • app: Folder based routing directory.

    • auth: Folder for authentication related files.

    • navigation: Folder for files handling navigation.

    • second: Folder for secondary screen.

    • services: Folder for API related services.

  • assets: Images, fonts, sounds, etc.

  • components: Reusable React components.

  • config: Shared configuration values.

  • hooks: Reusable hooks.

  • types: Global and local typings.

  • utils: Helpers and reusable methods.

---

GETTING STARTED

# Clone Repo
git clone https://github.com/ThisIsNotJustin/mobile_weather_app.git

# Install most recent version of node (macOS)
brew install node

# Update node to most recent version if already installed (macOS)
brew upgrade node

# Install Expo (macOS with npm)
npm install -g expo-cli

# Install Dependencies
npm run setup

# Start The Dev Server
npm run dev

Setup Environment Variables

Ensure you configure the project with your API keys for OpenWeatherAPI and Firebase.

Create a '.env' file in the root of the project based on the .env.example as a template.

---

LEARN MORE

Expo Documentation

Expo Router Documentation

React Navigation Documentation