Skip to content

Latest commit

 

History

History
62 lines (50 loc) · 1.58 KB

README.md

File metadata and controls

62 lines (50 loc) · 1.58 KB

Suspector

simple request GET API and graph viewer app made using react framework

Dependencies

  1. node
  2. create-react-app
  3. material-ui
  4. react-d3-graph

Installing

  1. Install node (and all dependencies, will be installed automatically on next step)

Running

  1. type npm start on cmd/terminal

You can try it online here

File Structure

src
│   index.js
│   theme.js
│
├───components
│   │   App.jsx
│   │   Content.jsx
│   │   Footer.jsx
│   │   FriendGraph.jsx
│   │   FriendList.jsx
│   │   Header.jsx
│   │   SearchBar.jsx
│   │
│   └───utils
│           HideOnScroll.jsx
│           Switch.jsx
│
└───stylesheets
        content.css
        footer.css

Contributing

  1. Edit files under components or stylesheets

Created By

Acknowledgement

This project is made for Programming Lab preliminary test. API used: https://avatar.labpro.dev/friends/${id}

Others

Starting Reference

mysterybear/cra-mui repo

About LabPro API

  1. Simple and easy to understand
  2. Some data is duplicated
  3. Some people can have friend with themselves
  4. This is one way relationshop ? so sad..

Overall, thanks for providing me a platform to sharpen my knowledge. This has been my very first time creating web app using React.