Skip to content

About

Mobile app with React Native

Resources

Stars

0 stars

Watchers

1 watching

Forks

Repository files navigation

Sentinel Mobile App

A mobile application built with React Native and Expo, designed to designed to monitor and manage security-related incidents in real time.


Features

  • Consistent UI
  • Light and dark theme
  • Stack-based navigation
  • Login / Logout
  • News feed
  • Profile information
  • Warning cards
  • Collected data from sensors
  • Local data storage using Expo Secure Store

Figma Design


Installation

1. Install Expo CLI (globally, if not already installed)

npm install -g expo-cli

2. Clone the repository

git clone https://github.com/chas-challenge-code-6/mobile-app
cd mobile.app

3. Install dependencies

Expo packages

npx expo install expo-font expo-secure-store
npx expo install @react-navigation/native-stack

React Navigation core

npm install @react-navigation/native

Beroende på navigationsstruktur kan följande också behövas:

npm install react-native-screens react-native-safe-area-context

Drawer navigation

npm install @react-native/drawer
Props Required
Prop Type Förklaring
title string Menyns titel
actions array med ett objekt med: id, title osv Actions som visas i menyn
onPressAction callback function Kallar på funktionen när man trycker på meny-alternativet

Other

npm install react-native-svg
npm install @react-native-async-storage/async-storage

Project Structure

.
├── App.js               # Root component
├── assets/              # Fonts, images etc.
├── context/             # Theme context
├── components/          # Reusable components
│   └── layout/          # Layout
├── navigation/          # Navigation configuration
├── screens/             # App screens/views
└── README.md

Running the App

Start the development server

npx expo start
  • Press i to open in iOS simulator (Mac only)
  • Press a to open in Android emulator
  • Scan the QR code in the terminal with the Expo Go app (iOS/Android)

Useful Commands

  • Clear cache:

    npx expo start -c
  • Install a new Expo-compatible package:

    npx expo install [package-name]
  • Build the app (requires EAS setup):

    npx eas build --platform ios|android

About

Mobile app with React Native

Resources

Stars

0 stars

Watchers

1 watching

Forks

Releases

Packages

Used by

Contributors

Languages