Giter VIP home page Giter VIP logo

doctor-hr-frontend's Introduction

doctor-hr-frontend

ABOUT

This repository contains a frontend ReactJS program that allows a user to access patient heart rate information from a pre-existing database. The app contains a text field that allows the user to input the email of their patient and press a SEARCH button that makes a GET request to a server to obtain that particular patient's heart rate data stored in the database. The information that is retrieved from the database is returned to the app by the server and is displayed as a table showing all recorded patient heart rates listed next to their corresponding time stamps. The screenshot below shows the app being used to access a particular patient's heart rate information, and the tabular output of the GET request for that particular patient.

image text

GETTING STARTED

To get full functionality out of this program, first you will need to setup the corresponding server as described here.

After the server is up and running, you will need to keep the server and database running in separate screens as you clone this repository onto your machine. Make sure you are within the doctor directory before continuing further.

cd doctor

Make sure you have Node.JS installed on your machine. Use this link to install it if you haven't already. Run

npm install

to install any dependencies, and then you can run

npm start

to launch the app. The app can be used from within your browser to access patient heart rate information found within the database.

doctor-hr-frontend's People

Contributors

pcg15 avatar

Watchers

James Cloos avatar Suyash Kumar avatar

doctor-hr-frontend's Issues

Element type error

var dataTable = this.state.outputTable.map((e) => {
return(
<TableRow>
<TableCell>{e.times}</TableCell>
<TableCell>{e.rates}</TableCell>
</TableRow>
)
});

I keep getting a type error. Specifically:
"Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports." Do you know what the issue is? @suyashkumar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.