- 🚀 Vite — A native ES modules development server and build tool.
- 🔄 Dependabot — Automated dependency updates for GitHub repositories.
- 🔧 ESLint — Pluggable JavaScript linter
- 🎨 Prettier — Opinionated Code Formatter
- 📝 Commitzen — Git commit message helper
- 🐶 Husky — Use git hooks with ease
- 🚫 Lint-staged — Run linters against staged git files
- 🌐 Axios — HTTP client library for JavaScript.
- 💅 Styled-components — library for styling React components.
- 📋 React-hook-form — lightweight library for building forms.
- 🔒 Zod — TypeScript-first schema validation.
To use this boilerplate as a template for your own project, follow these steps:
- Click on the
Use this templatebutton on this repository page to create a new repository from this template. - Choose a name and configure the new repository as desired.
- Clone the newly created repository to your local machine with the following command in your terminal:
git clone https://github.com/<YOUR_USERNAME>/<YOUR_PROJECT_NAME>.git
After cloning the repository, run the following commands inside the project folder:
- Install the dependencies with
npm install - Start the project with
npm start
├── 📁.github // GitHub workflows
├── 📁.husky // Git hooks
|
├── 📁src
| ├── 📁@types // Type definitions
| ├── 📁components // React components
| ├── 📁hooks // Custom hooks
| ├── 📁pages // Pages or screens
| ├── 📁service // API services
| ├── 📁styles // Global styles
| ├── 📁theme // Theme files
| ├── 📁utils // General utilities
| | ├──📁constants // Global constants
| | └──📁functions // Utility functions
| |
| └── 📄index.tsx // Main entry file
|
├── 📄.eslintrc.json // ESLint configuration file
├── 📄.prettierrc // Prettier configuration file
├── 📄Index.html // Entry point HTML file
├── 📄README.md // Project documentation
├── 📄package.json // NPM package configuration file
├── 📄tsconfig.json // TypeScript configuration file
└── 📄vite.config.ts // Vite configuration fileIf you want to contribute to this template, follow these steps:
- Fork this repository
- Create a new branch with their feature using
git checkout -b my-feature. - Commit their changes using
git commit -m 'Adding new feature'. - Push the changes to their branch using
git push origin my-feature. - Open a pull request on your repository.
![dependabot[bot] avatar](https://avatars.githubusercontent.com/in/29110?v=4 "dependabot[bot]")
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent