Skip to content

HelloHealth is a web app that connects consumers to local farms. Browse products and purchase the weekly meal-kit box.

Notifications You must be signed in to change notification settings

Blue-Ocean-Team-1/HelloHealth

Repository files navigation

A web app that connects consumers to local farms. Browse products and purchase the weekly meal-kit box.


Demo GIF

Table of Contents

Description

The project was completed in a week based on specifications provided by an external client.

Through the service, local farms can list their products for sale and consumers can easily navigate and purchase their products. HelloHealth offers a subscription based plan and the sale of individual products. The service was made to provide farms an outlet to directly be the vendors of their products. Consumers are more connected to the food they eat and in return are more connected to the farms that provide for them.

Contributors

Setup

Connect a Firebase project and run a PostgreSQL database.

$ cp .env.sample .env
$ npm install
$ npm run server-start
$ npm run vite:dev
$ npm run vite:start # visit localhost

# Used to create Bundle ONLY USE for Production
$ npm run build

API Schema

See Endpoint Schema.

Application Architecture

Deployment Architecture

Features

Landing Page

Welcome Banner

Home Page

Product Catalog Page

  • Browse all available products

Product Page

Product Detail Page

  • View nutrition facts
  • Save the product to cart
  • Rate the product

Product Detail Page

User Authentication

Account Type Selection

Login / Sign up

  • Choose a Customer, Farmer, or Nutritionist account
  • Browse the app and product catalog without being logged in
  • Create an account or login Email/Password, Google, or Facebook
  • Access live chat with a nutritionist

Login Page

Account Details

  • Manage subscription status
  • Access the referral coupon
  • View transaction history

Account Page

Meal-kit Box Page

Box Size Selection

  • View the weekly meal-kit box breakdown and select your size to save in the cart.

Box Page

Farms

Farm Browsing Page

  • Browse local farms and visit their page.
  • View ratings for each farm

Farm Page

Farmer Profile Page

  • Read through the farm and learn about them
  • View a farm livestream if available
  • Browse products sold from that farm

Farmers Page

Cart

View Cart Items

  • View all products and boxes added to cart

Cart Page

Checkout the Cart

  • Save your address and add delivery notes
  • Mention allergies or requests for the order
  • Choose shipping options and view transaction receipt

Checkout Page

Tech Stack

Languages

Frontend

Backend

Database

Testing

DevTools

Deployment

About

HelloHealth is a web app that connects consumers to local farms. Browse products and purchase the weekly meal-kit box.

Resources

Stars

Watchers

Forks

Languages