Skip to content

Latest commit

 

History

History
186 lines (135 loc) · 8.44 KB

README.md

File metadata and controls

186 lines (135 loc) · 8.44 KB
Raw

LinkedIn


Logo

CloneX Explorer: Navigating the Future of Digital Art

An interactive platform for exploring the CloneX NFT collection.
View Demo · Report Bug · Request Feature

Table of Contents
  1. About The Project
  2. Built With
  3. Getting Started
  4. Usage
  5. License
  6. Contact
  7. Links

About The Project

CloneX Explorer Screen Shot For a detailed view of the design, visit the Figma project.

Explore the rich universe of CloneX NFTs with an intuitive and visually engaging interface. CloneX Explorer makes it easy to browse, search, and analyze CloneX collection NFTs in real-time. Visit the subgraph to see how it happens

Built With

  • Next A React framework for production, providing server-side rendering and generating static websites.

  • Apollo A comprehensive state management library for JavaScript that enables you to manage both local and remote data with GraphQL.

  • Prisma Next-generation ORM for Node.js and TypeScript, making database access easy with an auto-generated query builder for TypeScript & Node.js.

  • Graphql A query language for your API, and a server-side runtime for executing queries by using a type system you define for your data.

  • Styled-components Enhances CSS for styling React component systems.

  • GSAP (GreenSock Animation Platform): Professional-grade animation for the modern web.

(back to top)

Getting Started

To get a local copy up and running follow these simple steps.

Prerequisites

This project requires Node.js to run. Download and install it from nodejs.org, if you haven't already.

Installation

  1. Clone the repository:
git clone https://github.com/vinnyhoward/clonex-explorer.git
cd clonex-explorer
  1. Install NPM packages:
npm install
  1. Set up your environment variables: Create a .env file in the root directory of your project. Add the following configurations:
NEXT_PUBLIC_SUBGRAPH_ENDPOINT=your_subgraph_endpoint_here
POSTGRES_PRISMA_URL=your_database_url_here
POSTGRES_URL_NON_POOLING=your_database_url_for_non_pooling_connections
  1. Start the development server:
npm run dev

Navigate to http://localhost:3000 to view the application.

(back to top)

Usage

CloneX Explorer offers a wide range of functionalities designed to enhance your experience with the CloneX NFT collection. Here's how you can make the most out of our platform:

  • Dynamic Searching & Filtering: Easily search for specific CloneX NFTs using various filters such as rarity, price range, and traits. Our intuitive interface allows for a seamless exploration experience.

  • Interactive NFT Galleries: View high-resolution images of CloneX NFTs in our interactive galleries. Click on any NFT to uncover detailed information, including its provenance, current owner, and transaction history.

(back to top)

License

Distributed under the MIT License. See LICENSE for more information.

(back to top)

Contact

Vincent Howard - @NiftyDeveloper - vincenguyenhoward@gmail.com

Project Link: https://github.com/vinnyhoward/clonex-subgraph

(back to top)

Links