Git Product home page Git Product logo

garden-planner's Introduction

Garden Planner

User Stories

MVP

  • Create a garden plot
  • Specify length and width of garden plot
  • Add a plant to garden
  • Remove a plant from garden
  • View information about plant
  • See a picture of the plant
  • View list of all plants
  • Search through list of plants
  • See a list of recent plants added without having to search again
  • Name my garden

Additions

  • Add and remove groundcover, walkways, borders to garden
  • Filter search by category (plant, groundcover, walkway, border)
  • Filter search by plant detail (spacing, sun requirements, vegetable, perennial, etc)
  • Reorder items already added to garden
  • Drag and drop items from list to garden
  • Place items anywhere in garden (e.g. not in orderly fashion)

User Authentication Stories

  • Create an account
  • Login and logout of account
  • Save a garden layout to my account
  • Save multiple layouts to my account
  • Edit/update an existing garden
  • Remove a garden from my account

Technology Used and Why

  • MEAN stack
  • MongoDB and Mongoose
    • Allows for use of a flexible, non-relational database
    • Plan to have only a few data points for MVP, but gradually adding more
    • Will not need relational db for users: plan to store plants selected as an array/object in user definition
  • Angular
    • Allows for dynamically rendered views and partial views
    • Allows for repeatable custom directives, e.g. plant element
  • Isotope Jquery plugin
    • Dynamic search and filter plugin
  • Jquery UI plugin
    • Allows for drag and drop functionality

garden-planner's People

Contributors

jaredarkin avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.