This is a React Native/TypeScript project created with Expo and create-expo-app.
PlantPals is a community-driven mobile app designed to promote the maintenance and sustainability of community gardens in your city. By connecting volunteers with nearby gardens in need of care, PlantPals fosters collaboration and a sense of environmental responsibility.
The backend of PlantPals utilizes Firebase for user authentication, real-time database management and analytics. Google Maps API is integrated for mapping, geolocation and reverse geocoding functionality. The app retrieves data from Open Calgary's "Park Sites" database to provide accurate community garden locations and status updates.
On the frontend, PlantPals features a modern and intuitive UI built with React Native and Expo. The design, prototyped in Figma, prioritizes simplicity and accessibility to engage users.
To contribute to or run PlantPals locally, follow these steps to set up the development environment.
Before running the application, ensure you have the following:
- Node.js & npm installed
- React Native (Expo) environment setup
- Firebase project configuration
- OpenCalgary API access
- Google Maps API key
-
Clone the repository:
git clone https://github.com/your-username/plantpals.git cd plantpals -
Install dependencies
npm install
-
Set up environment variables by creating a
.envfile and adding the required keys. -
Start the app
npx expo start
In the output, you'll find options to open the app in a
- development build
- Android emulator
- iOS simulator
- Expo Go, a limited sandbox for trying out app development with Expo
To learn more about developing your project with Expo, have a look at the following resources:
- Expo documentation: Learn fundamentals, or go into advanced topics with our guides.
- Learn Expo tutorial: Follow a step-by-step tutorial where you'll create a project that runs on Android, iOS, and the web.