{"id":14360979,"url":"https://github.com/Manta-Network/react-dapp-starter","last_synced_at":"2025-08-22T02:32:57.177Z","repository":{"id":252175061,"uuid":"809871775","full_name":"Manta-Network/react-dapp-starter","owner":"Manta-Network","description":null,"archived":false,"fork":false,"pushed_at":"2025-03-17T08:50:41.000Z","size":493,"stargazers_count":12,"open_issues_count":0,"forks_count":0,"subscribers_count":9,"default_branch":"main","last_synced_at":"2025-03-17T09:42:48.086Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://react-dapp-starter.vercel.app","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Manta-Network.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":null,"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":"2024-06-03T15:56:04.000Z","updated_at":"2025-03-17T08:50:43.000Z","dependencies_parsed_at":"2024-08-08T05:18:47.867Z","dependency_job_id":"f2c7c9c7-7365-47a7-a801-0500d7ee3deb","html_url":"https://github.com/Manta-Network/react-dapp-starter","commit_stats":null,"previous_names":["manta-network/react-dapp-starter"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Manta-Network/react-dapp-starter","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Manta-Network%2Freact-dapp-starter","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Manta-Network%2Freact-dapp-starter/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Manta-Network%2Freact-dapp-starter/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Manta-Network%2Freact-dapp-starter/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Manta-Network","download_url":"https://codeload.github.com/Manta-Network/react-dapp-starter/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Manta-Network%2Freact-dapp-starter/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":271575905,"owners_count":24783631,"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","status":"online","status_checked_at":"2025-08-22T02:00:08.480Z","response_time":65,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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-08-27T16:00:56.376Z","updated_at":"2025-08-22T02:32:57.169Z","avatar_url":"https://github.com/Manta-Network.png","language":"TypeScript","funding_links":[],"categories":["Get Started","TypeScript"],"sub_categories":["Templates"],"readme":"# React DApp Starter\n\n![TypeScript](https://img.shields.io/badge/language-typescript-%233178c6.svg)\n\n## Overview\n\n`react-dapp-starter` is a robust and scalable template designed for building decentralized applications (DApps) with modern web technologies. This template is a production-ready foundation currently used in [Manta Network](https://manta.network/), designed to meet the demands of complex and scalable DApp development.\n\n## Features\n\n- **[TypeScript](https://www.typescriptlang.org/)**: Strongly-typed language that builds on JavaScript, giving you better tooling at any scale.\n- **[React Router](https://reactrouter.com/)**: A declarative routing library for React that makes it easy to navigate your app.\n- **[TailwindCSS](https://tailwindcss.com/)**: Utility-first CSS framework for rapid UI development.\n- **[Web3Modal](https://docs.walletconnect.com/appkit/react/core/installation)**: An easy-to-use library for integrating multiple wallet providers.\n- **[Reown](https://reown.com/)**: The toolkit to build onchain app UX.\n- **[Wagmi](https://wagmi.sh/)**: A set of React Hooks for working with Ethereum.\n- **[Viem](https://viem.sh/)**: A toolkit for handling Ethereum-related data and logic.\n- **[Shadcn UI](https://ui.shadcn.com/)**: A collection of pre-built UI components for a fast and consistent development experience.\n- **[Zustand](https://github.com/pmndrs/zustand)**: A small, fast, and scalable state management solution for React.\n- **[TanStack Query](https://tanstack.com/query/latest/docs/framework/react/overview)**: Powerful data fetching, caching, and synchronization for server state management.\n- **ESLint \u0026 Prettier**: Code quality and formatting tools to ensure a clean codebase.\n\n## Getting Started\n\n1. **Clone the repository:**\n\n   You can use a tool like [degit](https://github.com/Rich-Harris/degit) to scaffold your project with this template.\n\n   ```bash\n   npx degit Manta-Network/react-dapp-starter#main your-project\n   cd your-project\n   ```\n\n2. **Install dependencies (default: yarn):**\n\n   ```bash\n   yarn install\n   ```\n\n3. **Configure WalletConnect Project ID and Metadata:**\n\n   - Visit [Reown Cloud](https://cloud.reown.com/?utm_source=cloud_banner\u0026utm_medium=docs\u0026utm_campaign=backlinks\u0026_gl=1*1fv6aj9*_ga*MjA2ODU1MTAwMS4xNzMzNzI3OTM5*_ga_X117BZWK4X*MTc0MTg1MDU3MC45LjEuMTc0MTg1MjIyMi4wLjAuMA..) to create a project and obtain your `Project ID`.\n   - Open the file `src/config/common.ts` in your project.\n   - Locate the `WALLET_CONNECT_PROJECT_ID` key and replace `YOUR_PROJECT_ID` with your actual `Project ID`.\n   - Update the `WALLET_CONNECT_METADATA` section with your project's details, including the name, description, URL, and icons.\n\n4. **Run the development server:**\n\n   ```bash\n   yarn dev\n   ```\n\n5. **Build for production:**\n\n   ```bash\n   yarn build\n   ```\n\n## Project Structure\n\n```plaintext\n├── src/\n│ ├── abis/ # Smart contract ABIs\n│ ├── api/ # Optional API endpoints definitions\n│ ├── assets/ # Static assets like images and fonts\n│ ├── components/ # Reusable UI components\n│ ├── config/ # Application configuration files\n│ ├── hooks/ # Custom React hooks\n│ ├── lib/ # Utility functions and business logic\n│ ├── pages/ # Application pages\n│ ├── store/ # Global state management using Zustand\n│ ├── types/ # TypeScript types\n│ ├── AppRouter.tsx # Application routing\n│ ├── index.css # Global styles\n│ ├── main.tsx # Main entry point\n│ └── vite-env.d.ts # Vite environment variables types\n├── public/ # Static public assets\n├── .gitignore # Git ignore file\n├── .prettierrc # Prettier configuration\n├── CHANGELOG.md # Project changelog\n├── components.json # Shadcn UI components configuration\n├── eslintrc.config.js # ESLint configuration\n├── index.html # Main HTML file\n├── package.json # Project metadata and dependencies\n├── postcss.config.js # PostCSS configuration\n├── PROJECT_OVERVIEW.md # Overview of the project\n├── README.md # Project README\n├── tailwind.config.js # Tailwind CSS configuration\n├── tsconfig.app.json # App TypeScript configuration\n├── tsconfig.json # TypeScript configuration\n├── tsconfig.node.json # Node.js TypeScript configuration\n├── vercel.json # Vercel deployment configuration\n├── vite.config.ts # Vite configuration\n└── yarn.lock # Yarn lock file\n```\n\n## Contributing\n\nContributions are welcome! Please create an issue or submit a pull request if you find any bugs or have suggestions for improvements.\n\n## Acknowledgements\n\nSpecial thanks to the open-source community and the maintainers of the libraries and tools used in this template.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FManta-Network%2Freact-dapp-starter","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FManta-Network%2Freact-dapp-starter","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FManta-Network%2Freact-dapp-starter/lists"}