/beleaf

A houseplant app where users can track and show off their plant collection, get watering reminders and care tips, share knowledge with other users and much more.

Primary LanguageJavaScript

beleaf

Welcome to our final project, beleaf! 🪴

✨ Beleaf is a houseplant tracking app created by Josue Arevalo, Julia Gatina, and Lucy Shen as a final project for Lighthouse Labs Web Development Bootcamp.

✨ Beleaf lets users track and show off their plant collection, get watering reminders and care tips, share knowledge with other users & much more.

✨ Features include:

  • Watering reminders
  • Drag & drop plants into rooms
  • Add plant to collection
  • Add plant to wishlist
  • Newsfeed
  • View other users' profiles

Tech Stack: PostgreSQL, Docker, Express (back-end), Node, React (front-end), Semantic UI.

Deployed Link: https://beleaf-project.herokuapp.com/

Features

Watering Reminders GIF

"Gif of watering"

Drag & Drop GIF

"Gif of DnD"

Newsfeed GIF

"Gif of newsfeed"

Wishlist Screenshot

"Screenshot of wishlist"

Running the projects

You need TWO terminal windows/tabs for this (or some other plan for running two Node processes).

In one terminal, cd into react-front-end. Run npm install or yarn to install the dependencies. Then run npm start or yarn start, and go to localhost:3000 in your browser.

In the other terminal, cd into express-back-end. Run npm install or yarn to install the dependencies, then npm start or yarn start to launch the server.

Create DB for local env.

CREATE USER beleaf WITH PASSWORD 'beleaf'; CREATE DATABASE beleaf; GRANT ALL PRIVILEGES ON DATABASE beleaf to beleaf;