GithubHelp home page GithubHelp logo

garden-bliss's Introduction

Garden-Bliss

Virtual Garden Planner

The Virtual Garden Planner is an interactive application designed to empower users to plan and design their gardens virtually. This comprehensive tool offers a range of features, including plant selection, garden layout arrangement, and gardening tips, ensuring a successful and aesthetically pleasing garden.

GardenHomePage

User Story

As a gardening enthusiast, I want to use an interactive tool that allows me to plan and visualize my garden, select suitable plants based on my preferences and location, and receive valuable gardening tips for successful plant care.

Acceptance Criteria

  • User Authentication:

    • Utilize Passport.js for secure user authentication.
    • Users should be able to create accounts, log in, and securely save their garden designs.
  • Plant Database:

    • Implement a MySQL database with Sequelize ORM to store plant information.
    • Include details such as sunlight requirements, watering needs, and growth patterns..
  • Plant Selection:

    • Enable users to browse and select plants from a diverse catalog.
    • Implement filters based on climate, plant type, and gardening difficulty.
  • Interactive Garden Design:

    • Provide a drag-and-drop interface for users to arrange plants within their garden layout.
    • Use D3.js for interactive and visually appealing garden visualizations.
  • Layout Customization:

    • Allow users to customize the shape and size of their garden plot.
    • Include options for raised beds, rows, or container gardens.
  • Seasonal Recommendations:

    • Implement a feature that suggests suitable plants based on the user's location and the current season.
    • Ensure users make informed choices for thriving gardens.
  • Gardening Tips and Information:

    • Offer tips and information about each selected plant.
    • Include care instructions, companion planting recommendations, and potential issues to watch for.
  • Save and Share Designs:

    • Enable users to save their garden designs for future reference.
    • Implement a sharing feature, fostering a community aspect where users can inspire and learn from each other.

Technology Stack

  • Frontend: HTML, CSS, JavaScript
  • Backend: Node.js with Express.js for API
  • Database: MySQL or PostgreSQL with Sequelize for data storage and retrieval
  • External APIs (Optional): Integrate weather APIs for real-time climate data to provide accurate seasonal recommendations.

Screenshots

gardenhomepagesmall

plantsearch

plantsearchsmall

plantforum

plantforumsmall

login

loginsmall

gardensignup

signupsmall

Deployed: https://garden-planner19-05823e4485e2.herokuapp.com/ GitHub repo: https://github.com/jeffch19/garden-bliss.git

garden-bliss's People

Contributors

jeffch19 avatar aegerev avatar lychnian 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.