Thank you for your interest in contributing! DevCanvas is built with React, TypeScript, and Webpack, focusing on high-end visual documentation tools.
-
Fork & Clone
git clone https://github.com/YOUR_USERNAME/DevCanvas.git cd DevCanvas -
Install Dependencies
npm install
-
Development Build
# Build once npm run build:dev # Or watch for changes npm run dev
-
Code Quality Checks
# Run linter npm run lint # Type check npm run type-check
- Language: All new code must be written in TypeScript.
- Styles: Use vanilla CSS in
popup.cssor themed component-level CSS. - Icons: We use Lucide React. Maintain the premium "Cyber-Hex" aesthetic for any new UI elements.
- Tone: Keep PR reviews and AI outputs authoritative and professional.
We use Conventional Commits:
feat:- New featurefix:- Bug fixdocs:- Documentationrefactor:- Optimization or cleanupchore:- Tooling/deps changes
- Open an Issue first for significant changes.
- Ensure
npm run lintandnpm run type-checkpass. - Update the
walkthrough.mdif your change adds new functionality. - Provide screenshots/recordings for UI changes.
By contributing, you agree that your contributions will be licensed under the MIT License.