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
- 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.
To use the starter kit, follow these steps:
-
Clone the repository:
git clone https://github.com/hack-solidity/dapp_starterkit_react.git
-
Navigate to the project directory:
cd dapp_starterkit_react -
Install the dependencies:
npm install
-
Start the development server:
npm start
-
Open your browser and navigate to http://localhost:3000 to see the application.
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.
Contributions are welcome! If you have any ideas, suggestions, or bug reports, please open an issue or submit a pull request.
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!