Skip to content
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.

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

file organization #70

Open
wants to merge 1 commit into
base: dev
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
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
92 changes: 68 additions & 24 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,44 +1,88 @@
<h1 align="center">
![logo](AD-410-F/client/public/logo192.png)
MERN App for Group-F
🌐 Symptom Tracking App 🌐
</h1>
<br />
<br />
## Patient Symptom Tracking Web Application <br />
<h3 align="center">
A group-F production
</h3>

The idea behind our app was to provide a service/ resource for individuals who
were expieriencing symptoms similar to ones related to covid-19. We thought of an app that extends
the provider interaction, allowing for real-time patient monoriting for providers and quick response for patients without
the dreaded wait times and added inconvinience.

---

## The UI/UX
![image](https://user-images.githubusercontent.com/55608123/84739172-05f6c100-af60-11ea-9194-0bd47746a038.png)
![image](https://user-images.githubusercontent.com/55608123/84739291-2e7ebb00-af60-11ea-8c67-c06c689921d6.png)
![image](https://user-images.githubusercontent.com/55608123/84739505-9cc37d80-af60-11ea-8f0d-38c8da3b68db.png)
### LogIn/ Auth
![image](https://user-images.githubusercontent.com/55608123/84931706-08543a80-b088-11ea-8278-fcfa2d07c226.png)
### Patient Symptom Entry/ Profile
![image](https://user-images.githubusercontent.com/55608123/84739632-d0060c80-af60-11ea-9d5e-43ac104795f7.png)
![image](https://user-images.githubusercontent.com/55608123/84739704-fb88f700-af60-11ea-9fcc-4e1e74311bd1.png)

## Branch structure
Master - Ready to install and run version of the application <br />
Dev - Current working version that received pull requests <br />
Rest of the branches - Feature branches <br />
---

## Steps to Launch
## Steps to Deploy
(Please keep in mind that this in a work in progress and is currently under development by our team.)

<strong>Installing instruction: </strong> <br />
1. Clone the master repository<br />
2. On your local directory rename the "client" directory into "client0" <br />
3. From the terminal, run "npx create-react-app client" <br />
(now you will have "client" and "client0" directories) <br />
4. copy the "public" and "src" directories from the "client0" replace the files into "client" <br />
5. From your terminal run "npm install" to install all the dependencies needed <br />
<strong>(Repeat step 5 for both the root directory and client directory)</strong><br />
6. Install "reactstrap" and "bootstrap" manually from your terminal "npm i reactstrap" and "npm i bootstrap" <br />
7. Last but not least, from your terminal run <strong> npm run dev </strong> (we made a concurrent script to run both the server and the react) <br />
- Connect your MongoDB to app:
- Navigate to /backend/config/default.json
- Replace placeholder string with your connect string
- ![image](https://user-images.githubusercontent.com/55608123/84935861-35a3e700-b08e-11ea-8e0a-adb863e23e43.png)

- Clone Repo:

```terminal
$ git clone https://github.com/All-Schuck-Up/AD-410-F.git
```
- Install backend Dependencies:

``` terminal
$ cd backend
$ npm i
$ npm i -D
$ cd ..
```

- Install frontend Dependencies:

```terminal
$ cd client
$ npm i
$ cd ..
```

- Run app:
```terminal
$ npm run dev
```

- Enjoy app @ http://localhost:3000 (chrome)


### Branch structure
-Master - Ready to install and run version of the application <br />
-Dev - Current working version that received pull requests <br />
-Rest of the branches - Feature branches <br />

### File Structure
--Backend directory has all the routes and express services<br />
--Client directory has the main application index.js and app.js along with the styling css files<br />
--Components directory have all the components <br />
<br />
This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).

### Dependencies
| Backend | Client | Dev |
|-------------------------------|--------------------------|--------------------------|
| "axios": "^0.19.2" | "axios": "^0.19.2" | "concurrently": "^5.2.0" |
| "bcrypt": "^4.0.1" | "bootstrap": "^4.5.0" | "nodemon": "^2.0.3" |
| "bcryptjs": "^2.4.3" | "multer": "^1.4.2" | |
| "body-parser": "^1.19.0" | "react": "^16.13.1" | |
| "multer": "^1.4.2" | "react-dom": "^16.13.1" | |
| "cors": "^2.8.5" | "react-redux": "^7.2.0" | |
| "config": "^3.3.1" | "react-scripts": "3.4.1" | |
| "dotenv": "^8.2.0" | "reactstrap": "^8.4.1" | |
| "express": "^4.17.1" | "redux": "^4.0.5" | |
| "express-validator": "^6.4.1" | "redux-thunk": "^2.3.0" | |
| "jsonwebtoken": "^8.5.1" | | |
| "mongoose": "^5.9.12" | | |
| "multer": "^1.4.2" | | |
File renamed without changes.
5 changes: 5 additions & 0 deletions backend/config/default.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
{
"mongoURI": "<MongoDB connect strings goes here>",

"jwtSecret": "secret"
}
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
Loading