A create-react-app template specifically designed for decentralized application (dApp) development.
- Authentication with Metamask Wallet
- Internationalization
- Dark Theme
- Page load optimizations
- SEO support
- ethers.js
- typechain
- Unit Tests: jest
- Component Unit Tests: React Testing Library + Storybook
- Integration Tests: React Testing Library + Storybook
- E2E Tests: Cypress + Synpress + Cucumber
React: React is a popular JavaScript library for building user interfaces. It is fast, efficient, and allows developers to build reusable components that can be easily shared across projects.
TypeScript: TypeScript is a typed superset of JavaScript that provides additional type-checking and other features that can help developers catch errors and improve the quality of their code. It is particularly useful in large projects, where the codebase can become complex and difficult to manage.
Chakra-UI: Chakra-UI is a component library for building accessible and customizable user interfaces with React. It provides a wide range of prebuilt components that can be easily incorporated into your project, and allows you to easily customize the look and feel of your application.
React Router: React Router is a routing library for React applications that allows developers to define and manage routes in a declarative way. This makes it easier to build single-page applications that can navigate between different pages without requiring a full page reload.
Redux Toolkit: Redux is a popular state management library for JavaScript applications. It allows developers to manage the state of their application in a predictable and consistent way, making it easier to build complex applications that are easy to maintain and scale. Redux Toolkit is a toolkit for Redux that provides a set of utilities and conventions that make it easier to use Redux in a consistent and efficient way.
Redux Saga: Redux Saga is a library that makes it easier to manage side effects (asynchronous logic) in Redux applications. It allows developers to declaratively describe the side effects of their application, making it easier to test and maintain the application's logic.
React Error Boundary: React Error Boundaries are a feature of React that allow developers to catch and handle errors that occur in a specific component or its descendants. This can be useful for preventing errors from propagating throughout the application and potentially causing it to crash.
React Helmet: React Helmet is a library that allows developers to manage the metadata of a React application, such as the title, description, and keywords, in a declarative way. This can be useful for optimizing the SEO of your application and improving its discoverability.
I18Next: I18Next is an internationalization (i18n) library for JavaScript applications. It allows developers to easily translate their application into different languages, making it more accessible to a global audience. The Browser Language Detector is a library that automatically detects the user's language based on the browser settings, allowing the application to display the correct language for the user.
React Icon All Files: React Icon All Files is a library that provides a collection of high-quality SVG icons for use in React applications. It includes a wide range of icons, making it easy to find the perfect icon for your application.
React Cookie Consent: is a library that makes it easy to implement a cookie consent banner in a React application.
user@linux:~$ git clone https://github.com/rromero89/reservo.git
user@linux:~$ cd reservo
user@linux:~$ npm i
user@linux:~$ npm startGo to URL: Run Development
TODO ...
dApp CRA Template is an open-source project and we welcome contributions from the community. If you have any suggestions, please use the discussion tab. If you have any bug reports, please open an issue or submit a pull request.
dApp CRA Template is licensed under the MIT License.