Skip to content

🪴 A social media platform designed to address plant owner’s need for help in caring for their plants while away for an extended period of time.

Notifications You must be signed in to change notification settings

gustavoperess/bloom-frontend

 
 

Repository files navigation

BLOOM

A social media platform designed to address plant owner’s need for help in caring for their plants while away for an extended period of time.

Check the deployed version: BLOOM.

Features

  • Home Page: View requests for assistance and make monetary offers to help others.
  • Browse: Explore users' profiles, review their requests for help, and see the plants they own.
  • Create a request for help: Need someone to care for your plants? No problem! Create a help request with a start and end date, along with the amount you're willing to pay.
  • Submit a offer to help: Review request details, make an offer, and send a static message with your bid.
  • Live message chat: Engage with other users in real-time through live chat messaging powered by Socket.IO.
  • Add Plants: Enrich your collection by adding a plant powered by an external API featuring over 3,000 plant varieties.
  • Manage your requests: (1) Manage your own requests by editing or deleting, (2) manage received requests by accepting, rejecting or initiating a live chat, and (3) review requests sent to others offering help or rescind offer.
  • User information: Update your personal information and enhance your profile with a photo.

Check the deployed version: BLOOM.

Bloom Frontend

Structure

This repo contains two applications:

  • A frontend React App.
  • A backend in flask.
  • A postgress database configured on the backend.

Bloom Frontend setup

  1. Clone this repository.
    git clone https://github.com/gustavoperess/bloom-frontend
  1. Create a .env file under the main project directory to connect with your backend:
    echo "VITE_BACKEND_URL='http://localhost:5001'" > .env
  1. Install the assocated packages and run the web app.
    cd bloom-frontend
    npm install
    npm run dev

Bloom backend setup

  1. Clone the below repository.
    git clone https://github.com/gustavoperess/bloom-backend
  1. Follow the below instructions:
    # Navigate to your repository
    cd bloom-backend
    # Install dependencies and set up the virtual environment
    pipenv install
    # Activate the virtual environment
    pipenv shell
  1. Create a test and development database (This assumes you have postgres) .
   createdb BLOOM
   createdb BLOOM_test
   In the BLOOM_test database, run the following SQL query: "CREATE USER postgres WITH SUPERUSER PASSWORD 'postgres';"
  1. Seed the development database (ensure you have run pipenv shell first) .
   python seed_dev_database.py
  1. create .env file in main directory.
   echo "JWT_SECRET_KEY='super-secret-key'" > .env
  1. Run the tests (with extra logging).
   pytest -sv
  1. Run the server.
   python app.py

About

🪴 A social media platform designed to address plant owner’s need for help in caring for their plants while away for an extended period of time.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 88.4%
  • CSS 11.4%
  • HTML 0.2%