Thank you for taking the time to contribute!
Any contributions to this project are welcome and encouraged, regardless of programming expertise. If you're not sure where to start or how to contribute, you can refer to these articles which may give you some useful pointers and insights.
Before you jump the gun, we ask that you first and foremost check the following feeds to see if your issue has already been addressed. That way, you'll have a greater possibility of finding a solution to your issue if it is already resolved or any further developments/context related to your issue from other maintainers or collaborators.
- Issues: bug reports, feature requests
- Discussions: feedback, support, etc.
When creating a new issue or pull request, please use the corresponding templates to better organize the context surrounding your issue, in an effort to make it as easy as possible for maintainers to monitor or respond to.
This project is bootstrapped with a modified Vite + React + Typescript template.
- Node.js (LTS is recommended)
- Visual Studio Code
- Install Node.js and Visual Studio Code if you haven't already.
- Create a new fork of the repository and clone it to your local machine.
- Create a new dedicated branch and sync it to your workspace.
- If you're using Visual Studio Code, install the recommended workspace extensions (VSC should prompt you to do so). This will enable useful workspace integrations that are compatible with the codebase.
- Open a new terminal in your cloned directory and run
yarn install
. This will install all necessary dependencies and run any supplementary code generation processes. - Make your changes! You can run
yarn dev
to start a local development environment oryarn build
+yarn preview
for a production environment.- If you're running a local development environment, run
yarn prepare
once beforehand to run all necessary codegen workflows for the server.
- If you're running a local development environment, run
- Once the server is running, you can open the
localhost
link that appears in console to preview your changes on your local machine.
Pre-commit hooks are configured via lefthook to run workflows before making commits to the repository.
These hooks are not enabled by default, but you can run yarn lefthook install
to enable them for your workspace.
If you think you're ready to make a pull request, be sure to run through the following checklist to ensure your code is production-ready:
- If you did not activate the available git hooks for your workspace, you can run the following command to manually run the linter/formatter on select files:
yarn check --write {files}
. - Always run
yarn test
at least once to ensure all unit tests are passing. - Make a production build for your application (
yarn build && yarn preview
) and ensure no critical errors are present or noticeable.
- Biome is used for all linting and formatting concerns. The configured git hooks should run the linting and formatting workflows automatically on pre-commit, but you can also run
yarn biome -h
to run any additional commands as needed. - PandaCSS is used as the primary styling engine. After running
yarn prepare
or making changes to thepanda.config.ts
file at runtime, the engine will autogenerate the contents of./styled-system
for use throughout the project. - Similarly, routing is provided by Generouted and will autogenerate the contents of the
src/router.ts
file at runtime.