Plot Master

Plot Master is a full-stack application which enables users to plan and visualize garden plots. Users are able to create plots of custom dimensions, populate these plots with their choice of plants, save plots to their user profile, and edit or delete their plots. Users also may view a custom-generated chart of all plants in their plot along with planting and harvesting timelines, and a reference page with information about all plants in the database.

Project Link

Plot Master

Example Login:

Username: EXAMPLEUSER

Password: 1234

Contributors

• David Hall https://github.com/Dhall88
• Jane Nath https://github.com/janenath
• Leonardo Santana https://github.com/theleonsantana
• Michael DiChello https://github.com/mikedichello

Technologies Used

• React JS - Frontend web framework
• Node.js - Runtime environment
• Express - Backend web framework
• MongoDB - Database
• Mongoose - Data modeling
• HTML5
• CSS, SASS
• User Authorization:
  • JSON Web Tokens
  • Passport
  • Axios
• Additional Tools:
  • Webpack - Module bundler
  • Gulp - Task runner
  • Babel - JS compiler
  • Github - Version control
  • Heroku - Deployment platform

Our Process

User Stories

• The user should be able to create a garden plot with custom dimensions and plantings
• The user should be able to save created garden plots to their user profile
• The user should be able to edit or delete a saved garden plot
• The user should be able to view a chart of data for the plants in their plot, including planting and harvesting times
• The user should be able to view a reference page with information about all plants
• The user should be able to sign up for a user account, log in, and log out

Wireframing:

Visual Brainstorming:

Design Mockups:

Challenges/Future Goals

• User authorization is functional, but not yet related to the Plots model. In the future we would like to create a relationship between the two models, so that plots are saved only for their users.
• We originally planned to use a third-party API, Trefle, to pull in a larger database of plants. However, many information fields with this API were listed as "null", and it became simpler to just create our own data for our initial production release. In the future we would like to figure out a more scalable solution to increase the size of our database.
• Another goal is to customize planting/harvesting time recommendations based off of a user's specified zipcode, using WeatherUnderground API's location-based frost dates.
• We also would like to explore using React DnD to create a drag and drop interface for the plot creation component

Special Thanks

• The General Assembly SEIR-FLEX-ADA instructional team, with a special shoutout to Arthur Bernier Jr. for his mentorship and support