/lora-search-profile

lite search bar for zora profile lookup

Primary LanguageTypeScriptMIT LicenseMIT

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 git@github.com:SweetmanTech/lora-search-profile.git
    cd lora-search-profile
    
  2. Install dependencies:

    npm install
    

    or

    yarn
    
  3. Run the development server:

    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

License

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