Skip to content

Yuji Project 1 PTBC5 #11

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
Flashrob wants to merge 25 commits into
base: main
Choose a base branch
from
Open

Yuji Project 1 PTBC5 #11

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
25 commits
Select commit Hold shift + click to select a range
d435575
Commit 1 - App Icon, Base Page
yuj8fuj6 Oct 8, 2022
33cd450
Commit 2 - Base File Structure, Router Setup
yuj8fuj6 Oct 10, 2022
34eaa45
Commit 3 - Welcome Page, Added Button Component
yuj8fuj6 Oct 10, 2022
37c0e54
Commit 4 - Added More Pages, Alert Button, Back Button
yuj8fuj6 Oct 11, 2022
1981cb7
Commit 5 - Added Mood Page, Resolved Lifting State
yuj8fuj6 Oct 12, 2022
a4a299f
Commit 6 - Save data as object from Mood Form, trying local storage
yuj8fuj6 Oct 13, 2022
fcc4316
Commit 7 - Added Medicine Form
yuj8fuj6 Oct 13, 2022
684f9e6
Commit 8 - Added Home and Log Pages
yuj8fuj6 Oct 14, 2022
c507a01
Commit 9 - Base Version without DB and calendar/ graph complete
yuj8fuj6 Oct 14, 2022
d06a1b8
Commit 10 - WhatsApp msg function added
yuj8fuj6 Oct 14, 2022
889683f
Commit 11 - Added useLocalStorage Hook component, tidied up some func…
yuj8fuj6 Oct 15, 2022
a93010b
Commit 12 - Data store medicine mood
yuj8fuj6 Oct 16, 2022
1db0a83
Commit 13 - Resolved getting data from localStorage Issue
yuj8fuj6 Oct 16, 2022
0248619
Commit 14 - Added non-working calendar component
yuj8fuj6 Oct 16, 2022
c447b10
Commit 15 - Added Working Calendar component
yuj8fuj6 Oct 17, 2022
23a5a9a
Commit 16 - Final Working Graph
yuj8fuj6 Oct 18, 2022
32f68bc
Commit 17 - Add Bar Graph, Time Axis
yuj8fuj6 Oct 19, 2022
52f15e6
Commit 18 - Separated Mood and Med Intake Graphs, Added Empty Graphs
yuj8fuj6 Oct 20, 2022
78d636b
Commit 19 - Base Final, Minor Changes
yuj8fuj6 Oct 20, 2022
1a4da37
Commit 20 - Base Final, Working Modal, Buggy Calendar Delete Function
yuj8fuj6 Oct 21, 2022
ccea67c
Commit 21 - Minor Change, Readme Change
yuj8fuj6 Oct 22, 2022
c894c8b
Config React App for Github Pages
yuj8fuj6 Oct 22, 2022
427865f
Slight Edit to Package.json
yuj8fuj6 Oct 22, 2022
4ea6ad3
Browser Router Config
yuj8fuj6 Oct 22, 2022
8051457
Updated Readme
yuj8fuj6 Mar 1, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
36 changes: 27 additions & 9 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,15 +1,33 @@
# Rocket Academy Coding Bootcamp: Project 1: Frontend App
# Aime
### Medical prescription and condition tracker for persons with debilitating illnesses

Copy link
Copy Markdown
Author

@Flashrob Flashrob Oct 27, 2022

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

It would be good to include instructions on how to install and run the app. Also a description of your project, as detailed as you like - but at least some kind of overview.

https://bc.rocketacademy.co/1-frontend/1.p-frontend-app
This app allows users to:
1. Create and update their user profiles, and their emergency contacts.
2. Log and track their medicine intake via a built-in calendar component.
3. Log and track their mood changes/ body conditions via a built-in graph component, in relation to their medicine intake.
4. Send an emergency WhatsApp message to their emergency contacts to alert their contacts about any emergencies via a single button click.

## Available Scripts
Use this app with a mobile sized screen at https://yuj8fuj6.github.io/project1-bootcamp/

This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app). In the project directory, you can run:
## Preview
#### Welcome Page
<img width="350" alt="Screenshot 2023-03-02 at 12 42 07 AM" src="https://user-images.githubusercontent.com/105143904/222205346-31bda7a5-ba80-4fba-832c-9e283ba16c8f.png">

### `npm start`
#### Login Page
<img width="356" alt="Screenshot 2023-03-02 at 12 44 35 AM" src="https://user-images.githubusercontent.com/105143904/222205660-7264a8f9-1ac7-482e-9d43-2a9904ae834f.png">

Runs the app in the development mode.\
Open [http://localhost:3000](http://localhost:3000) to view it in your browser.
#### New User Registration Page
<img width="358" alt="Screenshot 2023-03-02 at 12 45 39 AM" src="https://user-images.githubusercontent.com/105143904/222206085-2b9639cb-f646-4047-b49c-c610d6a6053a.png">

The page will reload when you make changes.\
You may also see any lint errors in the console.
#### Main Dashboard - Calendar - Medicine Intake and Mood Log
<img width="359" alt="Screenshot 2023-03-02 at 12 54 08 AM" src="https://user-images.githubusercontent.com/105143904/222208237-0d88ca8d-9773-45a8-b036-d28ead16e63c.png">

#### Main Dashboard - Graph - Medicine Intake and Mood Log
<img width="358" alt="Screenshot 2023-03-02 at 12 55 51 AM" src="https://user-images.githubusercontent.com/105143904/222208627-d500a993-8014-4f77-b8d1-cd33f0bd3631.png">

#### Emergency Message Button
<img width="358" alt="Screenshot 2023-03-02 at 12 59 18 AM" src="https://user-images.githubusercontent.com/105143904/222209464-99cb88bf-c644-4895-ae64-45c29ebad9a1.png">

## Built with

ReactJS
Loading