Skip to content

Latest commit

 

History

History
77 lines (53 loc) · 2.32 KB

README.md

File metadata and controls

77 lines (53 loc) · 2.32 KB

Dapp Starter Kit(React)

This is a starter kit for building decentralized applications (Dapps) using React, Hardhat, Tailwind CSS, and ethers.js. The template provides a basic structure and components to help you get started quickly with Dapp development. It is mobile-responsive and comes with a dark mode switcher

Features

  • React: The template is built with Create React App (CRA), a popular React boilerplate.
  • Hardhat: Hardhat is used as the development environment and testing framework for Ethereum smart contracts.
  • Tailwind CSS: The template utilizes Tailwind CSS for styling, providing a utility-first CSS framework.
  • Ethers.js: Ethers.js is used as the Ethereum library for interacting with wallets and contracts.

Getting Started

To use the starter kit, follow these steps:

  1. Clone the repository:

    git clone https://github.com/hack-solidity/dapp_starterkit_react.git

  2. Navigate to the project directory:

    cd dapp_starterkit_react

  3. Install the dependencies:

    npm install

  4. Start the development server:

    npm start

  5. Open your browser and navigate to http://localhost:3000 to see the application.

File Structure

The file structure of the starter kit is organized as follows:

dapp_starterkit_react/ ├── blockend/ ├── hardhat.config.js ├── tailwind.config.js ├── .env ├── public/ ├── src/ │ ├── components/ │ ├── App.js │ ├── index.js │ └── index.css └── package.json

  • public/: Contains the HTML template and static assets.
  • src/: Contains the main application code.
    • components/: Contains reusable components used in the application.
    • App.js: The entry point of the application.
    • index.js: Renders the React application.
  • blockend/: Contains the smart contract development files and a basic hardhat setup.

Contributing

Contributions are welcome! If you have any ideas, suggestions, or bug reports, please open an issue or submit a pull request.

License

This starter kit is released under the MIT License.


Feel free to customize the content according to your specific needs and add any additional sections or information as required.

Let us know if you need any further assistance!