AssetChain Frontend - Property Registry dApp

Project Description

This project serves as the frontend application for AssetChain, a decentralized application (dApp) designed for property registration and management on a blockchain. It provides a user interface to interact with smart contracts that handle property records, enabling secure and transparent asset management.

Features

• Property Registration: Interface to register new properties on the blockchain.
• Property Management: View and manage existing property records.
• Secure Authentication: User authentication for interacting with the dApp.
• Decentralized Storage: Integration with cloud storage (Azure) for potentially storing property-related documents or media.

Tech Stack

This project is a modern web application built with the following key technologies:

• Frontend:
  • Next.js (v15) - React framework for building fast and scalable web applications.
  • React (v19) - A JavaScript library for building user interfaces.
  • Tailwind CSS - A utility-first CSS framework for rapid UI development.
  • Radix UI - High-quality, accessible UI components.
• Blockchain Interaction:
  • Ethers.js (v6) - A complete, compact, and simple library for interacting with the Ethereum Blockchain and its ecosystem. (Commonly used for EVM-compatible chains).
• Authentication:
  • Magic SDK - Passwordless authentication solution for web3 applications.
• Cloud Storage:
  • Azure Storage (@azure/storage-blob) - For storing large binary objects.
• State Management:
  • Zustand - A small, fast, and scalable bear-necessities state-management solution.

Scripts Overview

• dev: Starts the Next.js development server.
• build: Builds the Next.js application for production.
• start: Starts the Next.js production server.

Getting Started

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

Prerequisites

• Node.js (v18 or later)
• npm or yarn
• Access to a blockchain network (e.g., Ethereum, Polygon, or other EVM-compatible chain).
• A Magic SDK API key for authentication.
• Azure Storage Account credentials.

Installation

1. Clone the repository:

   git clone https://github.com/gaureshpai/AssetChain.git
   cd AssetChain/frontend

2. Install NPM packages:

   npm install

3. Set up your environment variables: Create a .env file in the root of the frontend directory and populate it with your Magic SDK API key, Azure Storage connection strings, and any blockchain-related configurations.

Running the Application

• To run the development server:

  npm run dev

  Open http://localhost:3000 in your browser.