KnoPressure is a blood pressure app built using React.js. This App will allow you to enter your daily blood pressure information and it tracks the results and will display how your blood pressure is trending in the chart. With this physical view you can see when your blood pressure is Normal, High or Low and can take corresponding action. We also provide some Health tips and links. !!!! But our disclaimer: See your doctor first if you have a health problem !!!
-
Development: Open a terminal and run these commands to set up the environment files
npm installto create the node_modules folder. If running in a windows or Mac environment, ensure that you have a .env file present with this information, (For Mac - SERVER_SECRET = 123456): (for Windows SERVER_SECRET = 123456 PORT=3001 NODE_ENV=development) In your .env file, add configurations for the JWT secret key and SMTP details for email sending (update these values with your actual credentials): SERVER_SECRET = 123456 SMTP_HOST=smtp.your-email-provider.com SMTP_PORT=587 SMTP_USER=your-email@example.com SMTP_PASS=your-email-password- Run
npm run start, this connects you to the PORT 3000 and also opens up the KnoPressure Application in the browser. - Once the App opens, it will render on the
Landing Pageand from here you will need to Sign-Up if this is your first time, by adding a Username, your Email and a Password, orLogin, if you had already done so. When you sign up, the information is added to the Robo3T database. In Logging in, you will be redirected to theHome Page. On theHome Page, there are 2 entry boxes, an image that is color coded that provides blood pressure ranges and those ranges will advise if your pressure Normal, Elevated, or High, also the Chart which will reflect similar information. Wenter some Blood Pressure information into the text boxes. Systolic is the higher number and Diastolic is the lower number of a blood pressure reading e.g. 120/70. In Robo3t, the database name isAppdb, the collection isbpdatas. This App provides some tips for anyone with high blood pressure.
- Run
-
HEROKU Open the Application in Heroku, by clicking on the
Deployed Application/Herokulink below. Once the App opens, it will render on theLanding Pageand from here you will need to Sign-Up if this is your first time, by adding a Username, your Email and a Password, orLogin, if you had already done so. When you sign up, the information is added to the MongoAtlas database. In Logging in, you will be redirected to theHome Page. On theHome Page, there are 2 entry boxes, an image that is color coded that provides blood pressure ranges and those ranges will advise if your pressure Normal, Elevated, or High, also the Chart which will reflect similar information. Enter some Blood Pressure information into the text boxes. Systolic is the higher number and Diastolic is the lower number of a blood pressure reading e.g. 120/70. In MongoAtlas, the database name isAppdb, the collection isbpdatas. This App also provides some tips for anyone with high blood pressure and some steps to take to reduce it.
Check out the ScreenCastify Video of what the App looks like.
This project is licensed under the MIT license.
Thanks to the following people who have contributed to this project:
Users can use the repo, but please do not delete any code.
-
Github Repository: Repository
-
Deployed Application: Heroku
If you have any questions about the repo, open an issue or contact us directly at: Team:
- Miguel: you can reach me at chino6989@gmail.com.
- Wendy: you can reach me at hintzenw@gmail.com.
- Sheena: you can reach me at sheena15m@yahoo.com.
- Kevin: you can reach me at kevkouadio@gmail.com.
You can find more of our work at