GithubHelp home page GithubHelp logo

preronam / plantparenthood Goto Github PK

View Code? Open in Web Editor NEW
0.0 2.0 1.0 14.56 MB

Plant Parenthood allows users to find plants that are compatible with their lifestyle. Users answer a few simple questions about their living space and receive custom recommendations for house plants.

JavaScript 31.80% Handlebars 62.36% CSS 5.55% Shell 0.29%

plantparenthood's Introduction

PLANT PARENTHOOD - Find Your Perfect Plant Today!

DEPLOYED WEBSITE LINK https://plantparenthood2.herokuapp.com/

ABOUT: Plant Parenthood is an application that allows plant lovers to find the perfect plant.

WHAT MAKES PLANT PARENTHOOD UNIQUE: Plant Parenthood is a platform that works for both experienced and novice gardeners. Often, it is easy to find a list of seasonal plants and indoor/outdoor plants. However, finding a plant that aligns with the user's exact living situation can be a challenge. This app personalizes the user's search for a plant. It is created to ensure that the user is able to select a plant that they can optimally nurture and care for.

FEATURES

  1. Provides a custom search that allows the user to find a plant that fits their lifestyle
  • Search Page
  1. Allows the user to browse virtual gardens to explore new plants
  • Gardens Page

TECHNOLOGY USED

  1. jQuery as the programming language
  2. Node.js for development
  3. Express as the back-end web framework
  4. Passport for authentication
  5. MySQL to curate the database
  6. Sequelize as an ORM
  7. Cloudinary for storing images
  8. Materialize and Flex-box for styling
  9. Handlebars for templating

INSTALLATIONS No installations are required to operate the app. The fully deployed application is available on Heroku. Link : https://plantparenthood2.herokuapp.com/

RETROSPECTIVE This application was developed in three phases. Phase 1 focused on server side operations including creating a database of plants and getting a response from the database based on query paramaters. Phase 2 involved working with node packages Passport.js and Cloudinary. Phase 3 focused on templating and styling using handlebars, flex-box, and Materialize. One of the challenges we encountered as team was working with handlebars and rendering search results to a page. We were able to discover an alternative solution which completed the core functionality of our app. We are working every day to improve the features and functionality of this application to give our users the best experience.

plantparenthood's People

Contributors

preronam avatar marimartin avatar raygun2thehead avatar mendozar avatar

Watchers

 avatar  avatar

Forkers

marimartin

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.