Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/usnightowl/enghub


https://github.com/usnightowl/enghub

chakra-ui reactjs tailwindcss typescript

Last synced: 10 days ago
JSON representation

Awesome Lists containing this project

README

        

![reactjs-vite-tailwindcss-boilerplate](https://user-images.githubusercontent.com/16243531/217138979-b854309c-4742-4275-a705-f9fec5158217.jpg)

# React Tailwindcss Boilerplate build with Vite

This is a boilerplate build with Vite, React 18, TypeScript, Vitest, Testing Library, Commitlint, TailwindCSS 3, Eslint and Prettier.

## What is inside?

This project uses many tools like:

- [Vite](https://vitejs.dev)
- [ReactJS](https://reactjs.org)
- [TypeScript](https://www.typescriptlang.org)
- [Vitest](https://vitest.dev)
- [Testing Library](https://testing-library.com)
- [Commitlint gitmoji](https://www.npmjs.com/package/commitlint-config-gitmoji)
- [Tailwindcss](https://tailwindcss.com)
- [Eslint](https://eslint.org)
- [Prettier](https://prettier.io)

## Getting Started

### Install

Use this template or clone this repository.

Install dependencies.

```bash
yarn install
```

Serve with hot reload at .

```bash
yarn run dev
```

### Lint

```bash
# check lint
yarn run lint

# fix lint
yarn run lint:fix
```

### Typecheck

```bash
yarn run typecheck
```

### Build

```bash
yarn run build
```

### Test

### Commitlint
#### Structure
The Gitmoji Structure of commit styles is below

```bash
:gitmoji: type(scope?): subject
body?
footer?
```

Example

```bash
:sparkles: feat(changelog): support chinese title

:bug: fix(config): fix a subject bug

:memo: docs: update README.md

:bulb: docs(plugin): update comments
```

## License

This project is licensed under the MIT License.