🏙️ streetspot-native

A platform for citizens to report local infrastructure issues and improve their city.
Built with React Native and Expo for mobile compatibility.
Idea from SD Hacks 2021 project (https://github.com/AdoryVo/streetspot-2021)

🚀 Development

Setup

1. Clone the repo (git clone https://github.com/AdoryVo/streetspot-native.git)
2. Open your local repo folder in VS Code
3. Open a new terminal (Ctrl+`) & run npm install to install dependencies
4. Add your Google Cloud API key to .env.example and rename it to .env.local.
5. Open a new terminal (Ctrl+Shift+`) and run npm run web to start and test the app for the web.
6. Open http://localhost:8081 with your browser to see the result.

🥞 Stack

Major functionality

• React Native & Expo - Foundation and core SDK for native features
• React Navigation - Routing and navigation
• Firebase (Storage & Realtime Database) - Cloud storage for images and reports

UI

• @react-google-maps/api - Google Maps React components
• react-hook-form - Form logic
• react-responsive - Mobile responsive media queries
• react-select - Select component
• react-wrap-balancer - Text content wrap balancing
• Font Awesome via Expo - Icons

Misc

• prettier - Code formatting

⭐ See also

• Chain React 2023 App - Solid reference for a React Native & Expo app
• Expo's Develop for Web guide - Instructions for developing for the Web