There are several things which I needed for most of my React applications, which I had to add repeatedly every time I created a new project. Hence I decided to create a template, which includes my project's basic needs.
- Created with vite & used pnpm as a package manager
- vite-plugin-pwa was added for out of the box PWA functionality
- styled-components package was added
- i18n was added for translation support
- my @joshuameiser/component-library package was added for my own color theme toggle and language toggle
- theme toggle for quickly toggling between light-mode and dark-mode
- language toggle for quickly changing languages (English & German supported so far)
- TODO tags at every place that should be adjusted when creating a project based on the template (f.e. name for manifest file)
- custom light-mode and dark-mode scss file with shades & hover colors based on primary, secondary & tertiary colors
- CSS reset
- SairaExtraCondensed has been added as a local font, should be replaced by your own font-face
- context for the language setting and the currently selected theme
- initial favicons, which should also be replaced
When creating a new project based on this template, there are a few TODO's in which content should be adjusted.