Giter VIP home page Giter VIP logo

hereiam-solutions / prototype-frontend Goto Github PK

View Code? Open in Web Editor NEW
1.0 2.0 2.0 7.17 MB

Saving lives with better decisions. With a first prototype for urban search&rescue tasks.

Home Page: http://prototype.hereiam.solutions

License: Apache License 2.0

TypeScript 98.01% HTML 1.53% Dockerfile 0.04% JavaScript 0.41%
civil-protection disaster-management emergency-management k9 patient-records rescue search

prototype-frontend's Introduction

hereIam Logo

hereIam - save lives with better decisions



Report a Bug | Request a Feature | Ask a Question


Table of Contents

About

In crisis and disasters, when missing information meets missing experiences, lives are in danger. Actually there is no sufficient and effective exchange between alls actors in the field and the higher level. hereIam will provide a homogeneous solution for information sharing and decision making in crisis and disasters. For this purpose we close information gaps, provide best practices and connects all actors to make them more effective. We build hereIam as simple as working with pen and paper.

In close exchange with professionals, we have developed initial key requirements, with a focus on urban search & rescue. With this, we already achieve a high impact with the prototype for national and international operations, when it is necessary to record many injured and affected persons in a large damage area, to support the safety of the teams and to provide data for the next tasks.

Key features of hereIam prototype:

  • Mission planing and deployment from a distance
  • marking hazards & obstacles
  • visualize structure assessment (building characteristics, define sectors)
  • define and update worksites (possible locations of trapped persons)
  • detect and locate victims
  • plan rescue tasks
  • initial triage of patients (first medical assessment)
  • registration of affected people
Additional info

We see the prototype as an experiment. With it, we want to validate the internal processes, the design of the interfaces and the effectiveness in use in close contact with users. We will transfer positive results into a further development path and develop them into an overall solution.

Built With

Getting Started

Prerequisites

hereIam prototype is a web application that runs in the browser on the desktop and on standard mobile phones or tablets. You do not need to install anything. We recommend using current browser versions for security reasons.

You need a validated user to work with the hereIam prototype. If you are a contributor or belong to the hereIam Advisor Board, please write a short email on which is located in GitHub profile.

Usage

Online usage

Open your system browser and surf to:

http://prototype.hereiam.solutions

You will get an interactive prompt where you'll sign up.

Local installation on mobile phone or tablet

Please follow these steps for a local setup:

  1. Open your system browser and open http://prototype.hereiam.solutions
  2. Confirm [Installation] for a local copy of the progressive web app (PWA) on your device
  3. Start hereIam prototype per click on the logo on your desktop

Roadmap

See the open issues for a list of proposed features (and known issues).

Contributing

First off, thanks for taking the time to contribute! Contributions are what makes the open-source community such an amazing place to learn, inspire, and create. Any contributions you make will benefit everybody else and are greatly appreciated.

Please try to create bug reports that are:

  • Reproducible. Include steps to reproduce the problem.
  • Specific. Include as much detail as possible: which version, what environment, etc.
  • Unique. Do not duplicate existing opened issues.
  • Scoped to a Single Bug. One bug per report.

Contributions, issues and feature requests are very welcome.
Feel free to check issues page if you want to contribute.
For major changes, please open an issue first to discuss what you would like to change.
Please make sure to update tests as appropriate.
Check the contributing guide.

Known issues and limitations

nothing yet

Support

Reach out to the maintainer at one of the following places:

Authors

๐Ÿ‘ค Thuong Nguyen

๐Ÿ‘ค Ruth Wenzel

๐Ÿ‘ค Robin Wettstaedt

๐Ÿ‘ค Maximilan Ehlert

๐Ÿ‘ค Artus Geisler

๐Ÿ‘ค Mike Kaden

License

Copyright 2022 hereIam solutions

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

   http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License. 

You may use any license for your work that you see fit.

See LICENSE for more information.

Acknowledgements

In the process of developing hereIam prototype, we used not only our own ideas and experiences โ€“ We read many (sometimes contradictory) recommendations for disaster management tasks and examined real solutions in actual use, and tried to distill the best ideas into the result you see here.

prototype-frontend's People

Contributors

dependabot[bot] avatar hereiam-dev avatar mike-kaden avatar robinwettstaedt avatar

Stargazers

 avatar

Watchers

 avatar  avatar

prototype-frontend's Issues

adding cursor pointer for about sub menu list items

scrnli_3_29_2023_2-27-38.PM.mp4

The menu items in the about are toggling but the cursor is not changing on hover to them .
Ways to fix :
One can fix this with adding cursor pointer for the List item styling.

implement a drawer component

open with ease on phone in portrait modus from bottom, has rounded (5px) corner on top left and right

else open with ease from right, has rounded (5px) corner on top left and bottom left

has a padding around from 20px

has background color (--base-light) and is translucent (0.8)

has a close button (x)

make PWA

implement PWA with functions, like installation (manifest) caching (by routing) and notification (web-worker)

implement overlay navigation menu

place the menu on the right bottom with 50px margin on right and bottom
include 3 links with buttons

  • /profile (example avatar, when online -> green (--ready) circle around, when offline change color to red (--alert)
  • /settings
  • /about

implement user management

  1. Register (id, name, email, password, choose team, pick role, set personal pin, set random alias (2xA-Z), authoritySecret -> prevent users in the wild)
  2. Login (name, password, personal pin)
  3. Show / Update User Profile (set avatar, switch team, switch role, change password, change personal pin)
  4. Logout

mobil first theme

use "Geist" as a modern and minimalist React UI library, originating from Vercel's design

provide light and dark theme and theme switch in /settings/appearance (light theme in focus)
include fonts (use system fonts) and base colors
modify media queries:

  • open drawer from "down" for mobile phone in portrait, set "min-height" on 33% (golden ratio)
  • open drawer from "right" for other resolutions, mobile phone -> set "min-width" on 66%, other -> set "min-width" on 33%
  • set transitions for "open" and "close"

make Side Documents

place Side Documents in root as .md files, like README, CONTRIBUTION, LICENSE, CHANGELOG, SECURITY

remove extra scroll bar in destop mode

scrnli_3_29_2023_2-34-34.PM.mp4

In mobile browser everything seems fine but in the destop mode an unwanted internal scroll bar or divider is showing up need to remove that

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.