{"id":17803952,"url":"https://github.com/kjpou1/vue_dapp_starter","last_synced_at":"2025-04-02T04:43:32.533Z","repository":{"id":145054564,"uuid":"461166775","full_name":"kjpou1/vue_dapp_starter","owner":"kjpou1","description":"A template for building decentralized applications using Vue 3.","archived":false,"fork":false,"pushed_at":"2022-02-20T09:02:48.000Z","size":871,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-02-07T19:33:29.172Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/kjpou1.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2022-02-19T11:08:15.000Z","updated_at":"2022-02-19T11:30:52.000Z","dependencies_parsed_at":"2023-03-26T02:01:55.264Z","dependency_job_id":null,"html_url":"https://github.com/kjpou1/vue_dapp_starter","commit_stats":null,"previous_names":[],"tags_count":0,"template":true,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kjpou1%2Fvue_dapp_starter","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kjpou1%2Fvue_dapp_starter/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kjpou1%2Fvue_dapp_starter/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kjpou1%2Fvue_dapp_starter/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/kjpou1","download_url":"https://codeload.github.com/kjpou1/vue_dapp_starter/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246758286,"owners_count":20828919,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-10-27T12:48:41.246Z","updated_at":"2025-04-02T04:43:32.519Z","avatar_url":"https://github.com/kjpou1.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Decentralized App Template\n\nEthereum frontend app template with the following features:\n\n- [Vue 3](https://v3.vuejs.org/) as the foundation\n- [Tailwind CSS](https://tailwindcss.com) for styling\n- [Nightwind](https://github.com/jjranalli/nightwind) for easy dark mode support\n- [Ethers](https://docs.ethers.io/v5/single-page/) for interacting with Ethereum\n- [Vite](https://vitejs.dev/) for 10x-100x faster builds\n- [vue-dapp](https://github.com/chnejohnson/vue-dapp) for the wallet connect\n\n## Setup\n\n```sh\n# Install packages\nyarn install\n\n# Run in development mode\nyarn dev\n\n# Compiles and minifies for production\nyarn build\n\n# Format files\nyarn prettier\n\n# Run linter\nyarn lint\n\n### Run your unit tests and end-to-end tests (not yet setup)\nyarn test:unit\nyarn test:e2e\n```\n\n## Recommended IDE Setup\n\n- [VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=johnsoncodehk.volar)\n\n## Notes / Customization\n\nNotes on customizing this app:\n\n- Primary and secondary theme colors are defined in `tailwind.config.js`. Other colors are inlined as classes, e.g. `text-gray-400`.\n- Dark mode is handled with [Nightwind](https://github.com/jjranalli/nightwind), which is a Tailwind CSS plugin that generates a dark theme by automatically inverting color classes. The resulting dark mode will not look as a good as a fully customized/hand-crafted dark mode, but this is much less work to implement, and Nightwind does offer some control over the output\n- Vite does not use `process.env.MY_VARIABLE` for environment variables, but instead uses `import.meta.env.VITE_MY_VARIABLE`. Values in `.env` that are prefixed with `VITE_` are automatically included. Update the type definitions in `src/shims.d.ts` for any new environment variables\n- The Vue router is configured to use `history` mode and assumes the app is hosted at the domain root. Both of these defaults can be changed in `src/router/index.ts`\n- Vue Dapp [vue-dapp](https://github.com/chnejohnson/vue-dapp) is used for connecting wallets.\n- The store modules live in `src/store`, and there are three setup by default\n  - `wallet.ts` manages the user's wallet connection\n  - `data.ts` atomically polls for data each block using `Multicall2`\n  - `settings.ts` saves and manages user settings such as dark mode and wallet selection\n\n\n## Inspiration\n\n- [vue3-dapp-starter](https://github.com/chnejohnson/vue3-dapp-starter)\n- [vue-tailwind-ethereum-template](https://github.com/ScopeLift/vue-tailwind-ethereum-template)","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkjpou1%2Fvue_dapp_starter","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkjpou1%2Fvue_dapp_starter","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkjpou1%2Fvue_dapp_starter/lists"}