This repository contains OnyxTrack project developed with Next.js, TypeScript, Tailwindcss and RainbowKit for the frontend, and Solidity, Hardhat, and Ethers.js for the smart contract on the backend.
This project aims to demonstrate a supply chain management system using blockchain technology. The frontend provides a user interface to interact with the smart contract deployed on the Sepolia blockchain. Users can connect their wallets (Metamask or WalletConnect), view product details, track their movements, and more.
The smart contract facilitates the tracking of products, their states, and histories on the blockchain. It has been developed using Solidity and is deployed on Sepolia blockchain.
- Wallet connection with Metamask and WalletConnect using RainbowKit.
- Interact with the supply chain smart contract to add products, track their movements, and view histories.
- Responsive and user-friendly UI built with Next.js and Tailwindcss.
- Next.js: React framework for building the frontend.
- TypeScript: Provides type checking for JavaScript.
- RainbowKit: Library for handling wallet connections.
- Tailwind: CSS library used for designing the UI.
- Solidity: Smart contract programming language.
- Hardhat: Development environment for Ethereum with testing, debugging, and deployment tools.
- Ethers.js: Library for interacting with Ethereum and smart contracts.
To run the project locally, follow these steps:
-
Clone the repository:
git clone https://github.com/codewithmide/onyxtrack cd onyxtrack -
Install the dependencies:
npm install
-
Run the frontend development server:
npm run dev
-
Interact with the frontend on localhost:3000
-
Follow the instructions in the
contractdirectory's README to deploy and interact with the smart contract.
Contributions are welcome! Feel free to open issues or submit pull requests.
Please refer to the contract/README.md for detailed information about the smart contract, deployment instructions, and interaction details.