|-- mock: files to create a test server within the client side code
|      |-- index.js: creates a test server in client side
|      |-- graphql:
|      |      |-- index.js: contains the server that will receive graphql request
|      |      |             through http and decode request and pass on to resolver
|      |      |
|      |      |-- resolver.js: contains the resolvers that will receive requests
|      |      |                and do operations/data retrieval based on request
|      |      |
|      |      |-- schema.js: contains schema for different graphql queries
|
|-- public: contains files that contain metadata and images/logos for webpage
|      |-- faicon.ico
|      |-- index.html
|      |-- logo192.png
|      |-- logo512.png
|      |-- manifest.json
|      |-- robots.txt
|
|-- src:
|      |-- pages: contains the different pages in website(ex:login page)
|      |      |-- data-entry: folder containing data-entry page components
|      |      |      |-- confirmation-card.jsx : component that pops up for confirmation
|      |      |      |-- data-entry.css: styling for data-entry
|      |      |      |-- data-entry.jsx: functionalities for data-entry
|      |      |
|      |      |-- login: folder contains components for login page
|      |      |      |-- login.css: styling for login page
|      |      |      |-- login.jsx: functionalities for login page
|      |      |      |-- login.test.js: test script for the login function
|      |      |
|      |      |-- signup: folder contains components for signup page
|      |      |      |-- signup.css: styling for signup page
|      |      |      |-- signup.jsx: functionalities for signup page
|      |      |
|      |      |-- user-descriptor: contains components for dashboard page
|      |      |      |-- bmi-card.jsx: shows user bmi
|      |      |      |-- bpm-chart.jsx: shows bpm
|      |      |      |-- data-entry-map.jsx: shows user location
|      |      |      |-- ethereum-card.jsx: shows user's amount of ether
|      |      |      |-- line-graph.jsx: shows line graph with parameters
|      |      |      |-- user-analytics.jsx: contains all of the components and displays them
|      |      |      |                       when called
|      |      |      |
|      |      |      |-- user-descriptor.css: styling for dashboard
|      |      |      |-- weight-area-chart.jsx: shows global weight data
|      |      |      |-- weight-change-card.jsx: shows change in weight for user
|      |      |      |-- weight-range-chart.jsx: shows range of weights in population
|      |      |      |-- weight-suggestions.jsx: contains web links to pages with suggestions
|      |      |      |                           based on user parameters (web crawler)
|      |      |
|      |      |-- context-container.jsx: not used, please ignore
|      |
|      |-- utilities: react components that are used by other component
|      |      |-- card.jsx: display card used by many of the other components in "src/pages"
|      |      |-- top-navigator.jsx: top bar that allows user to navigate between the different
|      |      |                      pages
|      |
|      |-- apollo-context-provider.jsx: use of apollo api to connect web pages to graphql server
|      |-- index.css: css styling for web app
|      |-- index.jsx: renders the entire app through react js
|      |-- logo.svg: web app logo (pic)
|      |-- queries.jsx: query schemas that will be used by components to make
|      |                graphql requests to the backend server
|      |
|      |-- router.jsx: puts together the various components/pages and assigns them
|      |               links that will be used to reach them
|      |
|      |-- serviceWorker.js: allows app load faster
|
|-- test:  not relevant to project, please ignore
|-- .eslintrc.json: configures setting for web app's code
|-- README.md: info on project
|-- package-lock.json: info on dependencies
|-- package.json: info on dependencies 
