https://github.com/codewithmide/onyxtrack
Make your business stronger with authenticity and transparency using the blockchain technology
https://github.com/codewithmide/onyxtrack
ethersjs nextjs13 solidity tailwindcss typescript wagmi
Last synced: 12 months ago
JSON representation
Make your business stronger with authenticity and transparency using the blockchain technology
- Host: GitHub
- URL: https://github.com/codewithmide/onyxtrack
- Owner: codewithmide
- Created: 2023-10-08T09:21:06.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-11-07T10:47:15.000Z (over 2 years ago)
- Last Synced: 2025-01-12T13:23:28.685Z (about 1 year ago)
- Topics: ethersjs, nextjs13, solidity, tailwindcss, typescript, wagmi
- Language: TypeScript
- Homepage: https://onyx-track.vercel.app
- Size: 2.24 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# OnyxTrack
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.
## Live URLs
[Project Video Demo](https://vimeo.com/873056836/1eb3e5add0?share=copy)
[Frontend](https://onyx-track.vercel.app)
[Smart contract](https://sepolia.etherscan.io/address/0xb715E099f67483A485782AaC292677cfCADCb420)
[Faucet](https://sepoliafaucet.com)
## Table of Contents
- [Project Overview](#project-overview)
- [Features](#features)
- [Technologies Used](#technologies-used)
- [Frontend](#frontend)
- [Smart Contract](#smart-contract)
- [Getting Started](#getting-started)
- [Contributing](#contributing)
## Project Overview
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.
## Features
- 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.
## Technologies Used
### Frontend
- 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.
### Smart Contract
- 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.
## Getting Started
To run the project locally, follow these steps:
1. Clone the repository:
```bash
git clone https://github.com/codewithmide/onyxtrack
cd onyxtrack
```
2. Install the dependencies:
```bash
npm install
```
3. Run the frontend development server:
```bash
npm run dev
```
4. Interact with the frontend on localhost:3000
5. Follow the instructions in the `contract` directory's README to deploy and interact with the smart contract.
## Contributing
Contributions are welcome! Feel free to open issues or submit pull requests.
## Smart Contract (contracts/README.md)
Please refer to the [contract/README.md](contract/README.md) for detailed information about the smart contract, deployment instructions, and interaction details.