hightechu / hightechu-academy-victorianaloxonemap Goto Github PK

View Code? Open in Web Editor NEW

0.0 9.0 0.0 7.97 MB

"Victoria Naloxone Map" Web App Prototype from the 2020 HighTechU Computer Science Skills Academy

Home Page: https://hightechu.github.io/hightechu-academy-victorianaloxonemap/

License: MIT License

CSS 2.87% HTML 9.18% JavaScript 87.95%

group-project computer-science software-engineering web-application high-school hightechu university-of-victoria

hightechu-academy-victorianaloxonemap's Introduction

NALOXONE MAP

Find a kit. Save a life.

Website ⭐

Live Demo of intial prototype we worked of off

Live Demo of the current working version

Purpose

A map that guides bystanders at the scene of an overdose to the nearest naloxone kit, and walks them through what to do.

Website Layout

Landing Page:
- index.html
Emergency:
- step1.html
- Step2.html
- map.html
- Step4.html
- add-kit.html
FAQ:
- faq.html

Getting Started 🤔

How to Run Locally

Requirements 🐶

git
Node.js
npm (Installed with Node.js)

Once you have git installed, copy this link: https://github.com/hightechu/hightechu-academy-victorianaloxonemap.git
open the command line, type git clone and paste the link
on the command line move into the project directory
run npm install
run node .
Head over to http://localhost:3000 and your copy of the site should be up!

📤 Contributing There are two main ways in which you can participate in the project:

Submit bugs and feature requests
Contribute to the code base through source code changes
Learn more in our Contributing Document

Code of Conduct 📜

Naloxone Map abides by the CNCF code of conduct. Here is an excerpt:

As contributors and maintainers of this project, and in the interest of fostering an open and welcoming community, we pledge to respect all people who contribute through reporting issues, posting feature requests, updating documentation, submitting pull requests or patches, and other activities.

Resources 📘

Licence ⚖️

This project uses the MIT Licence

hightechu-academy-victorianaloxonemap's People

Contributors

Watchers

hightechu-academy-victorianaloxonemap's Issues

Get User Location (Back-end)(Front-end)

Ask Users Location (Permission)

https://www.w3schools.com/html/html5_geolocation.asp

Remove Extra Buttons on Map Page (Front-end)

Remove the unneeded buttons on the Map Page.

@oww321 Can you specify which ones please?

Add Name Tags to the Kit Locations (Front-end)

Get the name property for the GET Kits Location, and display on the Map as a Name Tag.

Something like this

marker.bindPopup("<b>Hello world!</b><br>I am a popup.").openPopup();

but linked to the specific Kit Location Marker.

Add Approved Boolean to Kits Model (Back-end)

Add a

approved: TRUE/FLASE

to the Kits Model

Routing Service - Shutdown

The Routing Service we were using has been shutdown as of March 9th 2020.

More Information: Project-OSRM/osrm-backend#5655

Routing now gives a CORS error:

Blocage d’une requête multiorigines (Cross-Origin Request) : la politique « Same Origin » ne permet pas de consulter la ressource distante située sur http://router.project-osrm.org/route/v1/walking/-123.3656,48…16057391?overview=false&alternatives=true&steps=true&hints=;. Raison : l’en-tête CORS « Access-Control-Allow-Origin » est manquant.

which wasn't present before March 9th 2020.

Add Logged In Only Mode to Add Location Page (Front-end)

Have a function that onload of the Add Location Page, it prompts the user to log in or redirects them to the homepage.

The function lets logged in users to add a kit location.

Page - Thanks for Registering (Front-End)

Add Thanks for Registering Page after User Registers.

CSS File not Linked Correctly

In client/map.html the

<link rel="stylesheet" href="leaflet-routing-machine.css" />

isn't linked correctly.

<link rel="stylesheet" href="css/leaflet-routing-machine.css" />

PUT Kits that are approved
DELETE Kits that aren't approved

Show User only their Kit Locations? Add UserID to Kits Model?

Delete userAuth Cookie
Delete userId Cookie

// Check if user is already logged in
if (getCookie("userAuth")) {
  // User already logged in
 console.log("You are already logged in.");
  // Redirect User to Homepage
  window.location = "/add-kit.html";
}

Is the problem, it loads on the add-kit.html page and since the user is logged in they are redirected to the page in a never ending loop.

It might be best to remove this part of the code.