codescalper/metanft

A user-friendly platform for effortless NFT metadata retrieval. With support for Ethereum, Arbitum, and Polygon, simply input the contract address and token ID to access detailed metadata. Built with Next.js 14 and powered by shadCN UI and Aceternity UI, metaNFT utilizes the Alchemy API for seamless data retrieval, storing image on AWS S3.

📌 Overview

Metanft leverages key dependencies like Next.js, React, TailwindCSS, and various Radix UI components. It also utilizes libraries such as tsParticles, Axios, and Zod for enhanced functionality and user experience.

📁 Project Structure

├── .eslintrc.json
├── .gitignore
├── README.md
├── app
│   ├── favicon.ico
│   ├── globals.css
│   ├── layout.tsx
│   ├── metanft
│   │   └── page.tsx
│   └── page.tsx
├── components.json
├── components
│   ├── Description.tsx
│   ├── Form.tsx
│   ├── Header.tsx
│   ├── MaxWidthWrapper.tsx
│   ├── MoodToggle.tsx
│   ├── Select.tsx
│   ├── theme-provider.tsx
│   └── ui
│       ├── badge.tsx
│       ├── button.tsx
│       ├── card.tsx
│       ├── drawer.tsx
│       ├── dropdown-menu.tsx
│       ├── form.tsx
│       ├── input.tsx
│       ├── label.tsx
│       ├── select.tsx
│       ├── sparkles.tsx
│       └── typewriter-effect.tsx
├── hooks
│   ├── useNetwork.ts
│   └── useResponse.ts
├── lib
│   └── utils.ts
├── next.config.mjs
├── package-lock.json
├── package.json
├── postcss.config.js
├── public
│   ├── next.svg
│   └── vercel.svg
├── tailwind.config.ts
└── tsconfig.json

📝 Project Summary

• app: Main application logic and entry point.
• app/metanft: Specific functionality related to NFT metadata.
• components: Reusable UI components for the application.
• components/ui: UI-specific components for the application.
• hooks: Custom React hooks for managing state and logic.
• lib: External libraries or utilities used in the project.
• public: Static assets and files served to the client.

💻 Stack

• react-hook-form: Efficient form management library.
• axios: HTTP client for data fetching.
• zustand: State management solution.
• next: React framework for server-side rendering.
• framer-motion: Animation library for React.
• tailwindcss: Utility-first CSS framework.
• typescript: Typed superset of JavaScript.
• tsparticles/react: Particle animations for React.

🚀 Run Locally

1.Clone the metanft repository:

git clone https://github.com/codescalper/metanft

2.Install the dependencies with one of the package managers listed below:

pnpm install
bun install
npm install
yarn install

3.Start the development mode:

pnpm dev
bun dev
npm run dev
yarn dev

🙌 Contributors

☁️ Deploy

[MetaNFT](https://metanft.10xeng.xyz/)