venmo.lol

A graph visualization of a payment network over Venmo. Can view a specific user's payment network, and will search transactions to a degree to 3.

---

venmo_demo2.mp4

Features

• Click on user in the sidebar to set as base user
• Click on node to do an additional degree search from that user
• Click on edge to copy the transaction details to clipboard

Usage

Unfortunately due to changes in Venmo's profile pages, this project can no longer be hosted. You should run locally by cloning this repository and npm install && npm start. Visit http://localhost:3000 in your browser. No visualization will be shown until you provide an API by creating a .env file with REACT_APP_VENMOLOL_API.

APIs

The project requires an API to return public user information and transactions. It expects the format to be

{
  "user": {
    "id": "string",
    "username": "string",
    "name": "string",
    "dateJoined": "string",
    "profilePictureURL": "string"
  },
  "transactions": [
    {
      "date": "string",
      "note": "string",
      "action": "string",
      "actor": {
        "name": "string",
        "username": "string"
      },
      "target": {
        "name": "string",
        "username": "string"
      }
    }
  ]
}

Technology

Built with React using Ant Design components.

Uses ESLint with Prettier and the Airbnb Javascript Style Guide with Flow for type checking.

Code Quality

To lint, npm run lint, npm run format for code formatting, and for type checking, npm run flow.

Partners