Giter VIP home page Giter VIP logo

welding-torch / ally-piedpiper-tsec-hacks-2022 Goto Github PK

View Code? Open in Web Editor NEW

This project forked from c0mpli/piedpiper-tsec-hacks-2022

0.0 0.0 0.0 2.85 MB

Ally is my first hackathon's project focused on helping out dementia patients

CSS 53.01% PHP 4.64% HTML 6.41% JavaScript 3.20% Hack 32.74%
dementia dementia-patients medical caregiver-application hackathon hackathon-project hackathon-2022 html-css-javascript first-project

ally-piedpiper-tsec-hacks-2022's Introduction

ally logo

Ally

It's time to take care for the ones who cared for you.

  • Ally is a website for dementia patients which helps them with their problem.
  • User can play games, view photos of their families, add reminders and video call their closed ones.
  • Care takers can view how the user is feeling, see his reminder list, get to know about the days until they will receive a new medicine package and video call the user.
ally.index.page_Trim.mp4

Signup Page

  • The viewer gets a choice whether he wants to signup as a user or a caretaker.

viewer-choice signup

Login Page

  • Once the viewer signsup, he/she is take to the login page where they need to login with their account just created. login

User Dashboard

  • The User Dashboard is the main page of the app. It is designed for use by the patient. It contains 5 functions and 3 features. user_dashboard

  • The 5 functions are:

  1. 🧩Games (to improve memory retention)
  2. ✨Memories (to help them remember their friends and family)
  3. ✔️Reminders (a mini-app for them to add reminders for themselves)
  4. 👨‍👦‍👦Relations (Quickly video call family with the press of One button)
  5. 😄 Make me Happy! (Plays cute and funny videos from around the internet, mostly of cats!)
  • The 3 features are:
  1. 💭 Thought of the day (a small postive line to start the day)
  2. 🎭 Rate your Mood (a way for patients to keep track of how they're feeling and increase their self-awareness)
  3. 🖐️ Suggestion (smart suggestions based on how the patient is feeling i.e if it says they are feeling low suggest watch a video or play a game. If they say they are feeling great then suggest they speak to family to make them feel even better).
ally.user.page.mp4

Care-Taker Dashboard

  • The main page of the app for the care-taker. It contains 4 features. image
  1. 📈 Shows the mood of the User.
  2. 🙋‍♂️ Shows Ally's recommendation.
  3. 💊 Care-taker can enter if the user has taken their medicine and shows how many days until their current medicine last and their next medicine package arrives (not added due to time shortage)
  4. 📝 Shows User's To-Do List and Add/Delete tasks in it.
ally.admin.page.mp4

How to Contribute

Ally is an Open-Source website. To edit this website and add features, you need to download Ally to your computer and edit it's code. To do that: Ally uses HTML, CSS, JavaScript, PHP, and SQL. For PHP and SQL, you need to have XAMPP installed. Make sure you have XAMPP installed from XAMPP Then download this folder by pressing the big green button. Extract this folder. Open VSCode and select this folder you've extracted Start Editing the code When done making changes, close vs code. Go to the project folder in file explorer and open a terminal by right-clicking and selecting command prompt Type in php -S localhost:8000 and press enter. Now go to Chrome and and type in localhost:8000. You will see the website.

Features:

Crossword

image Fully functional Crossword game made in JavaScript

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.