While working on my Food Roulette project I decided that I really liked the config I had worked up there. I had the linting, prettier rules, aliasing, etc. all just how I liked them. So in order to speed up development using this tech stack, I created this Template Repo so that I can just spin up a new project and not have to re-configure everything.
This project was created using:
This project has been extended from the original basic vite project and now has the following features:
- Examples of mocking out react context providers and consumers
- Eslint config expanded with vite recommended production options
- Pinned node version to ensure compatibility with dependencies
- Path aliases setup for easy importing of components and assets
- Minimum prettier configured
- Custom DaisyUI theme
- Configured Tailwind CSS name ordering
- Tailwind CSS name autocompletion in vscode
To run this project please refer to the Vite rundocs
3 test commands are provided:
test- runs the test suites in command linecoverage- runs tests and generates our coverage filestest-with-ui- runs the Vitest UI (Note you have to have run the coverage command to get coverage displayed in the UI tool)