HydroHomies

Live Website

Core Functionalities

• Authentication

  • Login
  • Sign Up

• Google Maps

  • View all fountain locations
  • Display current location
  • Direction service from current location to each fountain

• User-related

  • Check fountain page
  • Check saved fountains and routes
  • Check profile

Details

Authentication

This functionality gives users ability to register a account or log in our website. Authentication is required if a user wants to access any information on the website.

Below is the demo login detail.

username: demo
password: demo

Relevant URLs:

• https://hydrohomies.herokuapp.com/login
• https://hydrohomies.herokuapp.com/signup

Associated Routes:

  HydroHomies
  ├── controllers
  │   ├── checkAuth.js
  │   └── loginController.js
  ├── models
  │   ├── user.js
  │   └── db.js
  ├── front-end
  │   └── src/Components/Auth       
  │       ├── Login.js
  │       └── SignUp.js
  └──  routes
      └── routes.js

Google Maps

This functionality uses Google Maps APIs to fetch all the fountain data to display on the map provided as markers. When the user clicks on the marker, the map will show them the route between their current location to the water fountain, provided that they accept the location request.

Relevant URL:

• https://hydrohomies.herokuapp.com/dashboard

Associated Routes:

  HydroHomies
  └── front-end
      └── src/Components/Main       
          ├── Map.js
          └── Dashboard.js

User-related

This functionality allows user to check the individual fountains' page when clicking on the fountain marker. After the authentication, they also have access to their profile page, their saved fountain page and saved route page.

Relevant URL:

• Individual fountain page
• Saved fountains
• Presaved routes

Associated Routes:

  HydroHomies
  ├── controllers
  │   ├── checkAuth.js
  │   ├── imageController.js
  │   └── fountainController.js
  ├── models
  │   ├── image.js
  │   ├── fountain.js
  │   ├── user.js
  │   └── db.js
  ├── front-end
  │   └── src/Components/Main       
  │       ├── Carousels.js
  │       ├── ProfilePage.js
  │       ├── Fountains.js
  │       └── Routes.js
  └──  routes
      ├── fountainRoute.js
      ├── imageRoute.js
      └── routes.js