This is a web application that allows users to search local native and invasive plants in Portland, OR. This app was designed to be mobile-friendly--for best results, please open the link above on your cellphone.
- Angular Version 5.2.0
- Typescript Version 2.5.3
- Firebase Database 3.9.0
- Click here
- Clone this GitHub repository "https://github.com/meganschultepdx/Portland-field-guide.git" to your desktop.
- Open the repository in a preferred text editor such as Atom or Visual Studio Code.
- As the apiKey for the Firebase database is ignored, the user must create their own app on Firebase.
- Once the app is created, navigate to the account
Project Overviewof the app and scroll down toFirebase SDK snippet, and selectConfig - Copy over the script to a file that you must create
./src/app/api-keys.ts - Navigate to your machine's terminal and enter the following commands within the main project directory
npm install This will allow the viewer of this project to have access to the CLI (command line interface) for webpack.
ng serve in the project directory in Terminal. Go to http://localhost:4200/ in the browser of your choice. Note: The app will automatically reload if you change any of the source files. This is a continuous monitoring so to stop it just type the key combination Ctrl + C within the terminal.
- Navigation bar
- Footer navigation bar
- Database is saved on Firebase
- Program is deployed
Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.
Portland Plant List, June 2016: https://www.portlandoregon.gov/citycode/article/322280.
Custom icons by Ashley using www.figma.com.
There are no known bugs.
Megan Schulte: [email protected] Brooke Kullberg: [email protected] Ashley Ancheta: [email protected] Stuart McKay: [email protected] Reese Lee: [email protected]
Copyright (c) 2019 Stuart Mckay, Reese Lee, Brooke Kullberg, Megan Sculte, AJ Ancheta