https://github.com/dawsbot/cookbook
Your guide for web3 tutorials
https://github.com/dawsbot/cookbook
Last synced: over 1 year ago
JSON representation
Your guide for web3 tutorials
- Host: GitHub
- URL: https://github.com/dawsbot/cookbook
- Owner: dawsbot
- Created: 2023-09-24T02:43:56.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2023-09-24T23:33:35.000Z (almost 3 years ago)
- Last Synced: 2025-01-20T22:41:29.416Z (over 1 year ago)
- Language: Solidity
- Size: 219 KB
- Stars: 2
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# create-web3 boilerplate
A boilerplate for starting a web3 project.
This boilerplate quickly creates a mono repo with 2 environments, a react frontend environment and a Ethereum development environment for writing, testing and deploying contracts.
## Quick Start Notes
1. To start install
```bash
npx create-web3
```
2. Run `yarn` or `npm install` to install all the dependencies
3. Once installation is complete, `cd` into your app's directory and run `yarn chain` or `npm run chain` to start a local hardhat environment
4. Open another terminal and `cd` into your app's directory
5. Run `yarn deploy` or `npm run deploy` to deploy the example contract locally
6. Run `yarn dev` or `npm run dev` to start your FrontEnd dev environment
## Technologies
This project is built with the following open source libraries, frameworks and languages. User choice of framework used, available in plain js or typescript.
| Tech | Description |
| --------------------------------------------- | ------------------------------------------------------------------ |
| ------ | ------ React Frontend Environment ------ |
| [Next JS](https://nextjs.org/) | React Framework |
| [Vite JS](https://vitejs.dev/) | Next Generation Frontend Tooling |
| ------ | ------ CSS Framework ------ |
| none | |
| [Tailwind](https://tailwindcss.com/) | A utility-first CSS framework |
| [Chakra](https://chakra-ui.com/) | A simple, modular and accessible component library that gives you the building blocks you need to build your React applications. |
| ------ | ------ Ethereum Development Environment ------ |
| [Hardhat](https://hardhat.org/) | Ethereum development environment for professionals |
| [Foundry](https://getfoundry.sh/) | a blazing fast, portable and modular toolkit for Ethereum application development written in Rust. |
| ------ | ------ Included Libraries ------ |
| [WAGMI](https://wagmi.sh/) | A set of React Hooks for Web3 |
| [RainbowKit](https://www.rainbowkit.com/docs/introduction) | RainbowKit is a React library that makes it easy to add wallet connection to your dapp. |
## Documentation
Please visit [create-web3.xyz](https://create-web3.xyz) to view the full documentation.
## Discussions
If you have questions how to use, want to suggest a feature, or show off a project you created with create-web3, join [discussions on GitHub](https://github.com/e-roy/create-web3/discussions). I would love to hear from you. 🙂
## Issues
If you find a bug or would like to request a feature, please visit [ISSUES](https://github.com/e-roy/create-web3/issues)