-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Amaro Mariño
committed
Oct 12, 2023
1 parent
76a1329
commit 60d17c2
Showing
1 changed file
with
32 additions
and
18 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,27 +1,41 @@ | ||
# React + TypeScript + Vite | ||
# Bukie | ||
|
||
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules. | ||
This is a showcasing project built with TypeScript and React, styled with Emotion and the Material UI design system. It will include search engine support and filters by year, author, and genre. The project uses Semantic Release for automated versioning and releases, and ESLint for code linting. | ||
|
||
Currently, two official plugins are available: | ||
The project is a work in progress and will soon include Apollo Client and Apollo Server to showcase GraphQL integration. The goal of this project is to demonstrate the use of different technologies in a real-world application. | ||
|
||
- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh | ||
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh | ||
## Features (WIP) | ||
|
||
## Expanding the ESLint configuration | ||
📚 Curated list of fiction books | ||
|
||
If you are developing a production application, we recommend updating the configuration to enable type aware lint rules: | ||
🎛️ Filters by year, author, and genre | ||
|
||
- Configure the top-level `parserOptions` property like this: | ||
🚀 Built with TypeScript, React, Emotion, Material UI, Vite, ESLint, Apollo Client, and Apollo Server | ||
|
||
```js | ||
parserOptions: { | ||
ecmaVersion: 'latest', | ||
sourceType: 'module', | ||
project: ['./tsconfig.json', './tsconfig.node.json'], | ||
tsconfigRootDir: __dirname, | ||
}, | ||
💅 Styled with Emotion and Material UI design system | ||
|
||
## Getting Started | ||
|
||
To get started with the project, follow these steps: | ||
|
||
Clone the repository: | ||
|
||
``` | ||
git clone [email protected]:amalv/bukie.git | ||
``` | ||
|
||
Install the dependencies: | ||
|
||
``` | ||
npm install | ||
``` | ||
|
||
- Replace `plugin:@typescript-eslint/recommended` to `plugin:@typescript-eslint/recommended-type-checked` or `plugin:@typescript-eslint/strict-type-checked` | ||
- Optionally add `plugin:@typescript-eslint/stylistic-type-checked` | ||
- Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and add `plugin:react/recommended` & `plugin:react/jsx-runtime` to the `extends` list | ||
Start the development server: | ||
|
||
``` | ||
npm run dev | ||
``` | ||
|
||
## License | ||
|
||
This project is licensed under the [MIT License](https://opensource.org/licenses/MIT). |