An open API service indexing awesome lists of open source software.

https://github.com/sweetmantech/lora-search-profile

lite search bar for zora profile lookup
https://github.com/sweetmantech/lora-search-profile

Last synced: 6 months ago
JSON representation

lite search bar for zora profile lookup

Awesome Lists containing this project

README

        

# Lora Search Profile

A lightweight, customizable React component for Zora profile search integration.
Screenshot 2024-09-15 at 9 41 09 AM

## Overview

Lora Search Profile is a powerful and flexible React application that allows developers to quickly implement a user-friendly profile search functionality for Zora. It's designed to be easily integrated into existing Next.js projects and provides a seamless way to search and display Zora user profiles.

## Quick Start

1. Clone the repository:

```
git clone [email protected]:SweetmanTech/lora-search-profile.git
cd lora-search-profile
```

2. Install dependencies:

```
npm install
```

or

```
yarn
```

3. Run the development server:

```bash
npm run dev
```

or

```
yarn dev
```

4. Open http://localhost:3000 with your browser to see the result.
5. Customize the SearchBarPage component in your project as needed.

## Key Features

- **Versatile Search**: Search for Zora profiles using 0x... addresses, ENS names, or Zora usernames.
- **Real-time Results**: See instant previews of search results in a customizable dropdown.
- **Responsive Design**: Fully responsive with built-in accessibility features.
- **Customizable UI**: Easy to style and adapt to your project's design system.
- **Efficient API Integration**: Utilizes the myco.wtf API for fast and reliable profile data retrieval.
- **TypeScript Support**: Built with TypeScript for improved developer experience and type safety.
- **Next.js Ready**: Optimized for use with Next.js 14 and later versions.

## API Integration

Lora Search Profile uses the myco.wtf API to fetch Zora profile data. The API calls are handled internally, providing a seamless experience for developers.

## Customization

You can easily customize the appearance of the search component by modifying the provided Tailwind CSS classes or overriding them

## Authors

- [@sweetmantech](https://github.com/sweetmantech) ([warpcast](https://warpcast.com/sweetman-eth))

## License

This project is licensed under the MIT License - see the [LICENSE.md](LICENSE.md) file for details