{"id":13604801,"url":"https://github.com/huseyindeniz/vite-react-dapp-template","last_synced_at":"2025-04-30T17:30:12.736Z","repository":{"id":194354165,"uuid":"690106028","full_name":"huseyindeniz/vite-react-dapp-template","owner":"huseyindeniz","description":"Vite React Template for dApp Frontend Development","archived":false,"fork":false,"pushed_at":"2025-04-13T06:49:04.000Z","size":1197,"stargazers_count":10,"open_issues_count":10,"forks_count":7,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-13T07:37:06.073Z","etag":null,"topics":["chakra-ui","dapp","ethers","ethersjs","react","redux-saga","redux-toolkit","template","typechain","typescript","vite","vite-react-template","web3"],"latest_commit_sha":null,"homepage":"https://huseyindeniz.github.io/react-dapp-template-documentation/","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/huseyindeniz.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","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,"zenodo":null}},"created_at":"2023-09-11T14:39:53.000Z","updated_at":"2025-04-13T06:49:07.000Z","dependencies_parsed_at":"2023-09-13T01:08:02.011Z","dependency_job_id":"8e006715-a668-49e5-93ed-63954d0e930b","html_url":"https://github.com/huseyindeniz/vite-react-dapp-template","commit_stats":{"total_commits":36,"total_committers":2,"mean_commits":18.0,"dds":0.02777777777777779,"last_synced_commit":"d916ccdbf18168c9bb75ecfeb12b06d9faa1171f"},"previous_names":["huseyindeniz/vite-react-dapp-template"],"tags_count":2,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/huseyindeniz%2Fvite-react-dapp-template","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/huseyindeniz%2Fvite-react-dapp-template/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/huseyindeniz%2Fvite-react-dapp-template/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/huseyindeniz%2Fvite-react-dapp-template/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/huseyindeniz","download_url":"https://codeload.github.com/huseyindeniz/vite-react-dapp-template/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":251751008,"owners_count":21637837,"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":["chakra-ui","dapp","ethers","ethersjs","react","redux-saga","redux-toolkit","template","typechain","typescript","vite","vite-react-template","web3"],"created_at":"2024-08-01T19:00:51.421Z","updated_at":"2025-04-30T17:30:12.657Z","avatar_url":"https://github.com/huseyindeniz.png","language":"TypeScript","funding_links":[],"categories":["Get Started"],"sub_categories":["Templates"],"readme":"# React dApp Template (Vite)\n\n![version](https://img.shields.io/github/package-json/version/huseyindeniz/vite-react-dapp-template)\n\n![GitHub stars](https://img.shields.io/github/stars/huseyindeniz/vite-react-dapp-template?style=social) ![GitHub forks](https://img.shields.io/github/forks/huseyindeniz/vite-react-dapp-template?style=social)\n\n![GitHub repo size](https://img.shields.io/github/repo-size/huseyindeniz/vite-react-dapp-template?style=plastic) ![GitHub language count](https://img.shields.io/github/languages/count/huseyindeniz/vite-react-dapp-template?style=plastic) ![GitHub top language](https://img.shields.io/github/languages/top/huseyindeniz/vite-react-dapp-template?style=plastic) ![GitHub last commit](https://img.shields.io/github/last-commit/huseyindeniz/vite-react-dapp-template?color=red\u0026style=plastic)\n\nA Vite React template specifically designed for decentralized application (dApp) frontend development.\n\nSee how it looks/works here: [https://snazzy-sorbet-15dcef.netlify.app](https://snazzy-sorbet-15dcef.netlify.app)\n\nQuick start\n\n```sh\nnpx degit huseyindeniz/vite-react-dapp-template my-project\ncd my-project\n\nnpm install\nnpm run dev\n```\n\nThere is also a CRA version of this template [here](https://github.com/huseyindeniz/cra-template-dapp)\n\n\u003e **⚠️ Important Notice: UI Library Change:**\n\u003e Starting from version 0.7.0, this project uses Mantine as the UI library. All previous versions (v0.6.x and earlier) used Chakra UI. If you're working with older versions, please be aware of the library change in the latest release.\n\n### Tired of searching for and configuring multiple React packages?\n\nReact dApp Template (Vite) solves this challenge. It includes preconfigured packages for core functionality like routing and state management, as well as specialized features like internationalization. These packages are carefully selected and integrated, eliminating the need for developers to spend time researching and configuring individual packages. With the React dApp Template (Vite), developers can quickly build powerful and feature-rich applications without repetitive boilerplate code.\n\n### Benefits of React dApp Template (Vite)?\n\nCompared to React-based frameworks, React dApp Template (Vite) allows decentralized hosting, eliminating reliance on a single server. It provides flexibility in tool and technology choices, supporting various React libraries and decentralized storage solutions.\n\nReact dApp Template (Vite) is an easy-to-use foundation for efficiently building high-quality dApps with React, suitable for developers seeking customization and quick development.\n\n## Features\n\n- Authentication with Web3 Wallet ([Metamask](https://metamask.io), [Core](https://core.app), [Coinbase](https://www.coinbase.com), [Rabby](https://www.rabby.io) more wallets can be added)\n- Wallet Domain Name Support ([AVVY Domains](https://avvy.domains) and ENS)\n- Internationalization\n- UI\n- Page load optimizations\n- SEO support\n\n## What's Included and Preconfigured\n\n### Web3 Packages\n\n- ethers.js (v6)\n\n### Testing Infrastucture\n\n- Unit Tests: Vitest\n- Component Unit Tests: React Testing Library + Storybook\n- Integration Tests: React Testing Library + Storybook\n- E2E Tests: Cypress + Synpress + Cucumber (todo)\n\n### Other Packages\n\n**React**: A fast and efficient JavaScript library for building reusable user interfaces.\n\n**TypeScript**: A typed superset of JavaScript that improves code quality and catch errors, particularly beneficial for complex projects.\n\n**Mantine**: A customizable UI component library for creating accessible user interfaces in React.\n\n**React Router**: A declarative routing library for building single-page applications.\n\n**Redux Toolkit**: A state management toolkit for predictable and scalable application development with Redux.\n\n**Redux Saga**: A library for managing asynchronous logic in Redux applications.\n\n**React Error Boundary**: A feature in React for handling and containing errors within specific components.\n\n**React Helmet Async**: A library for managing metadata in React applications, optimizing SEO and discoverability.\n\n**I18Next**: An internationalization library for easily translating JavaScript applications into different languages.\n\n**React Icons**: A library providing a collection of high-quality SVG icons for React applications.\n\n**React Cookie Consent**: A library simplifying the implementation of cookie consent banners in React applications.\n\n## Getting Started\n\nPlease visit the [Official React dApp Template Documentation Page](https://huseyindeniz.github.io/react-dapp-template-documentation/) to start your dApp frontend development journey.\n\n## Contributions\n\nReact dApp Template (Vite) is an open-source project and we welcome contributions from the community. If you have any suggestions, please use the [discussion](https://github.com/huseyindeniz/vite-react-dapp-template/discussions) tab. If you have any bug reports, please [open an issue](https://github.com/huseyindeniz/vite-react-dapp-template/issues) or [submit a pull request](https://github.com/huseyindeniz/vite-react-dapp-template/pulls).\n\n## License\n\nReact dApp Template (Vite) is licensed under the [MIT License](./LICENSE).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhuseyindeniz%2Fvite-react-dapp-template","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhuseyindeniz%2Fvite-react-dapp-template","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhuseyindeniz%2Fvite-react-dapp-template/lists"}