@bankless-academy/sdk v0.1.0

Bankless Academy SDK

A React component library for displaying lessons from the Bankless Academy, built with vanilla CSS and Farcaster Frame Host.

Installation

npm install @bankless-academy/sdk

Peer Dependencies

The SDK requires the following peer dependencies:

npm install @farcaster/frame-host

Usage

Lessons Component

The Lessons component displays a grid of lessons from the Bankless Academy API.

import { Lessons } from '@bankless-academy/sdk';

function MyComponent() {
  return (
    <Lessons lessonSlugs={["what-is-bitcoin", "ethereum-basics"]} />
  );
}

Props

Frame Component

The Frame component displays a single lesson from the Bankless Academy API using Farcaster Frame Host.

import { Frame } from '@bankless-academy/sdk';

function MyComponent() {
  return (
    <Frame url="https://app.banklessacademy.com/lessons/what-is-bitcoin" />
  );
}

Props

Features

• Responsive grid layout for lesson cards
• Loading states and error handling
• Interactive lesson frames using Farcaster Frame Host
• TypeScript support

Development

Setup

1. Clone the repository

2. Install dependencies:

   npm install

Building

npm run build

Testing

npm test

License

MIT