Arweave Image Explorer

Explore and discover images stored on the Arweave network with this image explorer.

🚀 Features

• Real-time image exploration from the Arweave network
• Infinite scrolling for seamless browsing
• Responsive grid layout for various screen sizes
• Built with Next.js, React Query, and Tailwind CSS

🛠️ Tech Stack

• Next.js - React framework for server-side rendering and static site generation
• React Query - Powerful asynchronous state management
• Tailwind CSS - Utility-first CSS framework
• GraphQL - Query language for APIs
• Arweave - Decentralized storage network

🚀 Getting Started

1. Clone the repository:

   git clone https://github.com/your-username/arweave-image-explorer.git
   

2. Install dependencies:

   cd arweave-image-explorer
   npm install
   

3. Run the development server:

   npm run dev
   

4. Open http://localhost:3000 in your browser to see the result.

🖼️ Image Transactions Component

The core of this project is the ImageTransactions component. It fetches and displays images from the Arweave network using a hacker-themed UI.

Key features:

• Infinite scrolling
• Skeleton loading for better UX
• Hover effects for image details

📝 License

This project is MIT licensed.

🙏 Acknowledgements

• Arweave for providing the decentralized storage network
• Next.js for the amazing React framework
• Tailwind CSS for the utility-first CSS framework
• React Query for powerful data fetching and caching