Versions Compared

Old Version 4

changes.mady.by.user Anni Zhang

Saved on

compared with

New Version Current

changes.mady.by.user Zhongqian Li

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

  1. Fix Logout: As aforementioned, the logout function currently does not make a call to the backend, but rather just updates the Local Storage. Once the CSRF token issue is fixed, this can be changed. This will be an easy change as the code is already written, I just have commented it out. The existing code may have to be changed if any changes are made to the back-end API. It can be found in file /src/services/AuthService.js on line 36.
  2. Improve Security: An extra layer of protection should be added for the login/register functions, such as encrypting the passwords before sending them to the database.Implement Upload Functionality: Allow for researchers to upload their own files to the database and then visualize this data in the Sample and Baby Table. The existing page exists in file /src/views/Upload.js and already includes a button that allows users to select a file from their computer. The correct format to be uploaded is Example Researcher Microbiome Data Input for BS3 (1).csv

Tips and Tricks

  1. API Documentation: Backend-Offline is the team that supports the dashboard. The documentation for their APIs can be found on their confluence page.
  2. React Stateless Components: Every component that I added to the dashboard, I made a stateless functional component. This tutorial compares stateless and stateful React components and explains the advantage of stateless. Note: there are some components in the dashboard that already existed as stateful components and have not been changed.
  3. React Hooks: A tutorial can be found here.
  4. React-Table: Documentation and examples for react-table can be found here.
  5. React-CSV: The GitHub including documentation for this package is linked here.
  6. React-ChartJS-2: This package was used for the graphs seen on the Visual page, so I will link the documentation.
  7. Argon Dashboard: The framework of the dashboard was built using Argon Dashboard components.
  8. Production: Once the dashboard is ready to be put into production, there is an existing domain here: https://diapercohort.com/admin/upload
  9. Need further help? I am happy to help answer any questions that might still remain. My school email is: mmd272@cornell.edu and my personal email is: meredith.dobrzynski@gmail.com. You can also contact Eric Perez [Spring 2022] at eric9650@gmail.com for anything related to Qualtrics.

...