lucyshen7 / 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.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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;

About

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.


Languages

Language:JavaScript 86.1%Language:CSS 12.3%Language:HTML 1.5%Language:Shell 0.0%