(View Raw will give you the markdown that you can copy to your repos!)

PROJECT NAME

The Floradex

Description

Duration: 2 Week Sprint

The Floradex allows users to interact more deeply with State Natural Areas. Users are given a list of all of the grasses, trees, and wildflowers within each Natural Area in Minnesota. If they are able to find these plants they can upload a picture of them to the app for verification. Once verified by admins the find is added to the users total and they can earn badges commensurate with the amount of plants found and can compete against their friends.

In order to accomplish this I used the MN DNR Api, the Google Maps Api, and the Trefle Plants Api. From these sources I got the information regarding the State Natural Areas, the plants therein, their latitutde and longititude, and images of the plants. I have created React functional components to display the State Natural Areas and plants and also have used Material UI Modals for descriptions and images regarding my table data. I have created a relational postgreSQL databse

Screen Shot

Prerequisites

Link to software that is required to install the app (e.g. node).

• Node.js

Installation

1. Create a database named floradex,
2. The queries in the tables.sql file are set up to create all the necessary tables and populate the needed data to allow the application to run correctly. The project is built on Postgres
3. Open up your editor of choice and run an npm install
4. Create an account with Google Cloud Platform, AWS, and Trefle.io
5. Obtain API Key from Google and Trefle
6. Describe S3 bucket procedure
7. Create .env file with . . .
8. Run npm run server in your terminal
9. Run npm run client in your terminal
10. The npm run client command will open up a new browser tab for you!

Usage

How does someone use this application? Tell a user story here.

1. Create an Account
2. Use the interactive Map, List of Natural Areas or Plants to find Natural Areas to Explore
3. Take Pictures of Plants at the Natural Areas and upload them
4. Admin will verify your finds and you will get credit for the find
5. Rise through the leaderboard and claim the top spot!

Built With

• React.js
• Node.js
• Redux
• JavaScript
• Material UI
• CSS
• Express.js
• Passport.js

Acknowledgement

Thanks to Jaclyn Gabrielson, Graham Gabrielson, Curtis Payne, and Jack Behrens [Prime Digital Academy who equipped and helped me to make this application a reality.

Support

If you have suggestions or issues, please email me at (lucascgabrielson@gmail.com)