Pill Popper

gitGitHub link

Pill Popper is a single-page, built with React, JavaScript,HTML, CSS, SASS, WebSocket, Socket IO, Twilio, Pusher. Back-end: Node.js, Express. Database: PostgreSQL.


As a user you can:

- add/edit/delete notifications

- set time, dosage, type of notifications

- get push/SMS notifications

- get info from FDA API

- get info about the nearest pharmacies

- add family members

- change dates

screenshot
screenshot
screenshot
screenshot
screenshot
screenshot

ERD

To create ERD I used app.diagrams.net and created 4 tables: users, children, childrens_medications and time_for taking medications.

screenshot

Developmet

Development process I started with creating a Database and Server. Then I created the main app component and went through the small components.

To communicate with the back-end and make requests I chose AXIOS library.

During development I used useEffect, useState, useContext and own custom hook

screenshot
screenshot
screenshot
screenshot
screenshot
screenshot
View Live