frame-charts

Screenshots

Problem Statement

frame-charts allows users to create insightful charts to be displayed inside farcaster frames.No coding experience needed. Users will fill out a form on the frame-charts frontend, where they select: a.) Data Source & Parameters (from a subgraph) b.) Submit Form c.) Receive Frame URL, ready to be published

Solution

The Project contains of 3 components.frame-charts frontendtakes in User Choices & returns Frame URLframe-charts backend (Next.js)creates visual charts in CSS from the User inputs and data sources of The Graphreturns Chart as an ImageFrames.jshandles all the API routing of the FrameTakes in the Chart Image and other Data to create a Frame URLProject has been mostly build in Javascript and has leveraged a lot of the functionalities that next.js provides out of the box, like Image generation for example.