Skip to content

Yunusabdul38/fineace

Repository files navigation

Fineace

Fineace is a modern decentralized application (dApp) built using React, Vite, and Hardhat, providing seamless integration with blockchain technology through tools like RainbowKit and wagmi. The project is a complete solution for creating, testing, and deploying Ethereum smart contracts.

Features

  • React with Vite: Fast builds and Hot Module Replacement (HMR) for React development.
  • Tailwind CSS: For styling, with custom fonts, colors, and images.
  • Smart Contract Integration: Using Hardhat for Ethereum-based contracts.
  • Wallet Support: RainbowKit integration for wallet connection.

Installation

Prerequisites

Ensure you have Node.js and npm installed.

Clone the Repository

git clone https://github.com/Yunusabdul38/fineace.git
cd fineace

Install Dependencies

npm install

Run Locally

npm run dev

Build for Production

npm run build

Project Structure

fineace/
├── abis/                  # ABI files for smart contracts
├── assets/                # Static assets (images, etc.)
├── components/            # Reusable React components
├── contracts/             # Solidity smart contracts
├── hooks/                 # Custom React hooks
├── pages/                 # React page components
├── services/              # API and blockchain interaction services
├── utils/                 # Utility functions
├── tests/                 # Smart contract tests
└── src/                   # Main React source code

Smart Contracts

Compilation

npx hardhat compile

Testing

npx hardhat test

Deployment

npx hardhat node
npx hardhat ignition deploy ./ignition/modules/Lock.ts

Technologies Used

  • React: For building interactive UI.
  • Vite: Modern frontend tool with fast builds.
  • Tailwind CSS: For utility-based styling.
  • Hardhat: Ethereum development environment for compiling, deploying, and testing contracts.
  • wagmi & RainbowKit: For Web3 wallet connections and blockchain interactions.

License

This project is licensed under the MIT License. See the LICENSE file for more information.