Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/nickytonline/structured-yolo-dao
My Buildspace DAO project. Lots of fun and as always, thanks Buildspace team for such great learning content!
https://github.com/nickytonline/structured-yolo-dao
dao dapp nextjs reactjs thirdweb
Last synced: 8 days ago
JSON representation
My Buildspace DAO project. Lots of fun and as always, thanks Buildspace team for such great learning content!
- Host: GitHub
- URL: https://github.com/nickytonline/structured-yolo-dao
- Owner: nickytonline
- Created: 2021-12-20T04:21:38.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2021-12-29T04:22:28.000Z (almost 3 years ago)
- Last Synced: 2024-04-15T01:15:36.786Z (8 months ago)
- Topics: dao, dapp, nextjs, reactjs, thirdweb
- Language: TypeScript
- Homepage: https://yolodao.iamdeveloper.com
- Size: 357 KB
- Stars: 2
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- Code of conduct: CODE-OF-CONDUCT.md
Awesome Lists containing this project
- awesome-buildspace - structured-yolo-dao
README
[](https://app.netlify.com/sites/structured-yolo-dao/deploys)
# Structured YOLO DAO
My [Buildspace](https://buildspace) DAO project. Lots of fun and as always,
thanks Buildspace team for such great learning content!
## Contributing
If you are interested in contributing to the project, first read our
[contributing guidelines](./CONTRIBUTING.md). Take a look at our
[existing issues](https://github.com/nickytonline/structured-yolo-dao/issues),
or if you come across an issue,
[create an issue](https://github.com/nickytonline/structured-yolo-dao/issues/new/choose).
For feature requests,
[start a discussion](https://github.com/nickytonline/structured-yolo-dao/discussions)
first.
## Getting Started (Local Development)
1. Install the dependencies
```bash
npm install
# or
yarn
```
1. Start the project
```bash
npm run dev
# or
yarn dev
```
Open [http://localhost:3000](http://localhost:3000) with your browser to see the
result.
## Getting Started (Gitpod)
The project can be run in Gitpod. Navigate to
https://gitpod.io/#https://github.com/nickytonline/structured-yolo-dao. If you
wish to load it in Gitpod as an external contributor, you will need to fork the
project first, then open the fork in Gitpod, e.g.
https://gitpod.io/#https://github.com/some_user_that_forked_the_repository/structured-yolo-dao.
1. Gitpod will take a minute or two to load.
1. If this is the first time loading the project in Gitpod, it will take longer
as all the npm packages are installing.
1. The project wil start automatically in developer mode and the app will load
in the Gitpod preview window.
For move information on Gitpod, check out the
[Gitpod documentation](https://www.gitpod.io/docs/).
## Running tests
The project uses [jest](https://jestjs.io). For more information on jest, see
the [official documentation](https://jestjs.io/docs/getting-started).
To run tests:
```bash
npm test
# or
yarn test
```
To run tests in watch mode:
```bash
npm test:watch
# or
yarn test:watch
```
## Building out components
When building out components in the project, shared components can go in the
`components` folder. Components can then be imported using the `@components`
alias, e.g. `import { ExampleHeader } from '@components/Header';`.
### Storybook
The project uses [Storybook](https://storybook.js.org) for building our
components. For more on Storybook, see the
[official documentation](https://storybook.js.org/docs/react).
### Running Storybook
```bash
npm run storybook
# or
yarn storybook
```
### Building Storybook Static Site
```bash
npm run build-storybook
# or
yarn build-storybook
```
## Under the hood
### Next.js
This is a [Next.js](https://nextjs.org/) project bootstrapped with
[`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
You can start editing the page by modifying `pages/index.tsx`. The page
auto-updates as you edit the file.
[API routes](https://nextjs.org/docs/api-routes/introduction) can be accessed on
[http://localhost:3000/api/hello](http://localhost:3000/api/hello). This
endpoint can be edited in `pages/api/hello.ts`.
The `pages/api` directory is mapped to `/api/*`. Files in this directory are
treated as [API routes](https://nextjs.org/docs/api-routes/introduction) instead
of React pages.
To learn more about Next.js, take a look at the following resources:
- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js
features and API.
- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
You can check out
[the Next.js GitHub repository](https://github.com/vercel/next.js/) - your
feedback and contributions are welcome!
### ThirdWeb
ThirdWeb allows you to create a DAO without any smart contracts. Just
JavaScript! For more information, visit the [ThirdWeb](https://thirdweb.com/)
site.
### Theme UI
For more on theme UI, check out their
[official documentation](https://theme-ui.com/getting-started).