https://github.com/dabit3/lens-protocol-frontend

Example of a basic front end built on Lens Protocol
https://github.com/dabit3/lens-protocol-frontend

Last synced: about 1 month ago
JSON representation

Example of a basic front end built on Lens Protocol

• Host: GitHub
• URL: https://github.com/dabit3/lens-protocol-frontend
• Owner: dabit3
• Created: 2022-05-20T00:18:16.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2023-05-04T20:15:27.000Z (about 1 year ago)
• Last Synced: 2024-02-08T08:44:04.748Z (4 months ago)
• Language: JavaScript
• Size: 173 KB
• Stars: 133
• Watchers: 2
• Forks: 45
• Open Issues: 2
• Metadata Files:
  • Readme: README.md

Lists

• awesome-lens-protocol - Frontend examples - Example of a basic front end. (Learn / Examples)
• Blockchain-Development-Resources - Lens protocol frontend

README

        
# Lens Protocol Front End Starter

This is an example of how to build a front-end application on top of [Lens Protocol](https://docs.lens.xyz/docs).

The main API calls used in this app are defined in __api/index.js__:

1. [recommendProfiles](https://docs.lens.xyz/docs/recommended-profiles#api-details) - Get popular profiles

2. [getProfiles](https://docs.lens.xyz/docs/get-profiles) - Get profiles by passing in an array of `profileIds`

3. [getPublications](https://docs.lens.xyz/docs/get-publications) - Returns a list of publications based on your request query

4. [searchProfiles](https://docs.lens.xyz/docs/search-profiles-and-publications) - Allows a user to search across hashtags on publications or profile handles. This query returns either a Post and Comment or Profile.

5. [follow](https://docs.lens.xyz/docs/functions#follow) - Follow a user

6. [burn](https://docs.lens.xyz/docs/functions#burn) - Unfollows a user

7. [timeline](https://docs.lens.xyz/docs/user-timeline) - Shows a feed of content tailored to a signed in user

8. [createSetProfileMetadataTypedData](https://docs.lens.xyz/docs/create-set-update-profile-metadata-typed-data) - Allows a user to update the metadata URI for their profile

9. [post](https://docs.lens.xyz/docs/functions#post) - Allows a user to publish content

You can view all of the APIs [here](https://docs.lens.xyz/docs/introduction) and contract methods [here](https://docs.lens.xyz/docs/functions)

## Running this project

> For this project to run, you must configure the **Infura project ID and project secret** in a file named `.env.local`. Check out .example.env.local for guidance.

You can run this project by following these steps:

1. Clone the repo, change into the directory, and install the dependencies

```sh

git clone [email protected]:dabit3/lens-protocol-frontend.git

cd lens-protocol-frontend

npm install

# or

yarn

```

2. Run the project

```sh

npm run dev

```

3. Open the project in your browser at [localhost:3000](http://localhost:3000/)