Duration: Two week build
Finding mushrooms in the wild can be a very time consuming process. It can take days, weeks, sometimes months to find a particular species. Mushrooms also tend to grow back in the same spot year after year, so the last thing you want to happen after finding the jackpot is to forget where you found it. This application solves that problem by allowing you to keep record of the locations, dates, pictures and types of mushrooms you find.
- Node.js
- React.js
- Express.js
- postgreSQL
- Material UI
- AWS S3 https://docs.aws.amazon.com/s3/index.html
- Google Maps API https://developers.google.com/maps/documentation
- JavaScript https://developer.mozilla.org/en-US/docs/Web/JavaScript
- Express https://expressjs.com/en/starter/installing.html
- React https://reactjs.org/
- PostgreSQL https://www.postgresql.org/download/
- Node https://nodejs.org/en/download/
- Axios https://axios-http.com/docs/intro
- Passport http://www.passportjs.org/
- Material UI https://mui.com/getting-started/usage/
- HTML https://developer.mozilla.org/en-US/docs/Web/HTML
- CSS https://developer.mozilla.org/en-US/docs/Web/CSS
- jQuery https://api.jquery.com/
- Create a database named 'shroom_logger'
- The queries in the data.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, so you will need to make sure to have that installed. I recommend using Postico to run those queries as that was used to create the queries.
- Open up your editor of choice and run an npm install
- Run npm run server in your terminal
- Run npm run client in your terminal
- The npm run client command will open up a new browser for you!
- The user will have the option to log in or register for an account and then log in.
- The home page will show a list of pictures from their past logs. They can click on the picture to view more details about that specific find.
- The user can click on a map icon to view their log history on a map with pins. The pins can also be clicked to view more details about that specific find.
- There is a table view of past logs that a user can access by clicking the list icon on the home page. Here the user can edit their log history.
- The user can add new finds via an icon on the home screen. The information they can add includes pictures, the type of mushroom, date and time, location, and additional details they wish to add.
Thank you to Prime Digital Academy, all of my classmates, and my friends and family for providing the support and instruction to help make this application a reality.
If you have suggestions or issues please email me at sfuoss@gmail.com