GithubHelp home page GithubHelp logo

mariafcc / newmedicineplanner Goto Github PK

View Code? Open in Web Editor NEW

This project forked from dktrcoco/newmedicineplanner

0.0 0.0 0.0 2.35 MB

Trying with a new repo

Home Page: https://dktrcoco.github.io/newMedicinePlanner/

HTML 16.51% Rich Text Format 10.02% JavaScript 49.56% CSS 23.92%

newmedicineplanner's Introduction

Med-Tracker

Description:

This app is designed to keep track of the medications you're taking, both prescription and over-the-counter. Add the name of your medications one at a time on the left and click submit or hit Enter. This will allow the app to keep track of them for you. It will also provide you with the use instructions for the medication and offer the FDA warnings and possible side effects. You will able to toggle through this information for all of your medications by clicking on the button with the name of the medication. You can remove any medication you want at any time by clicking the delete button.

Link: https://dktrcoco.github.io/newMedicinePlanner/

User Story: As a consumer of medication(s) (prescription or OTC),

I want a mobile UI-compatible website that is capable of tracking the various medications I take,

provides use instructions, warnings, and side effects for each drug,

and keeps track of how many pills are remaining.

GIVEN an app that tracks medication use

WHEN the user a medication

THEN the medication in a list, the usage, the warnings, the side effects, and pill count are all displayed on the page

WHEN a day (24h) passes

THEN the pill counter decreases by 1, signifying the user took one pill that day

WHEN the user adds an additional medication

THEN the medication list is appended with the new medication

WHEN the user clicks on one of the medications on the populated list

THEN all the information for said medication is displayed

WHEN a user first enters the app

THEN a disclaimer displays indicating the use of this app should be used as a tracker only, not as specific medical advice, please consult your physician for best practice medication

Fig. 1: Landing Page

Landing Page

Fig. 2: After Agreeing with Disclaimer

Fig. 3: First Input

Fig. 4: Collapsible Info

Fig. 5: Second Input

Fig. 6: Pill Count Example

V2.0 (Future Concepts):

WHEN the user has taken my medication for the day (ask the user if they took the medicine)

THEN the tracker will update that it has been taken and updates the amount of pills remaining

WHEN a medication is close to being empty

THEN an alert will pop up indicating a refill will be necessary soon

WHEN a medication is added

THEN the chemical structure of the active ingredient is displayed with the information (Chris having to nerd out)

WHEN (IF) there are adverse interactions with already added medication(s)

THEN an alert will pop up as a warning about taking both medications at once

WHEN I add a medication

THEN a calendar populates the days for how many pills I have

WHEN I add a second medication

THEN the med display on the calender will be color coded to each medicine added

Authors: This project was developed as a group by Chris Kabana, Matt Dudzik, Maria Cruz, and Christian Vadevoulis. We all aquired help from our individual tutors, as well as the TA's in instructor for the bootcamp course. The style for the Submit button was originally designed by Mathias Adam and found on dribbble.com.

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.