Skip to content

Backyarder/backyarder-ui

Repository files navigation

BackYarder

DEPLOYMENT LINK

BACKEND REPO

ABSTRACT

  • BackYarder is an innovative app designed to revolutionize the way gardeners brainstorm and optimize their gardens! This app empowers gardeners of all skill levels to create their dream gardens with ease. Key features include a large database of plants with detailed information, including care instructions, and a drag-and-drop tool to experiment with different arrangements. BackYarder enables the user to create a beautiful garden tailored to their unique vision. Whether you're a seasoned gardener or just starting your gardening journey, this app will be the perfect companion for you!

TECHNOLOGIES USED




PREVIEW OF APPLICATION

The user can drag and drop plants into any empty cell in the garden.

Planted items are indicated with a green border.

The user will receive real-time, dynamic watering alerts.

The user can water their garden.

The user can disable cells in the garden.

The user can search for plants to add to their garden.

The user can add decor to the garden.

Quantities of new and existing plants in the garden are continuously updated.

The user can view a shopping list of plants they'd like to add in the future.

The user can view more information about any particular plant.

The user can remove unplanted items from their garden.

The user can reset their garden and start fresh.

SET UP

  • Fork this repository.
  • Copy the SSH key in order to clone your forked repository down into your local device.
  • cd into the cloned directory.
  • Run npm install to install project dependencies.
  • Run npm start in the terminal to see the HTML page
    • Control + C is the command to stop running the local server.

CONTRIBUTERS

Front End:

Back End:

CONTEXT

LEARNING GOALS

  • Explore and implement TypeScript concepts that have not been explicitly taught while at Turing
  • Gain experience using continuous integration tools to build and automate the deployment of features
  • Focus on communication between front-end and back-end teams

FUTURE EXTENSIONS

  • The user should be able to input their location and be shown what hardiness zone they are in.
  • The user should be able to customize the dimensions of their garden grid.
  • The user should be able to log in and have multiple plots to manage