A real-time pre-commit safety system that helps developers prevent common Git mistakes before code is pushed.
Developers often accidentally commit sensitive data such as API keys and passwords, include unnecessary files like node_modules, or leave debug statements like console.log() in production code.
These mistakes can lead to:
- 🔓 Security vulnerabilities — Exposed credentials in version control
- 📦 Messy repositories — Large, unnecessary files tracked
- 🐛 Production issues — Debug code reaching users
- ⚖️ Compliance risks — Sensitive data in git history
CommitWise AI scans staged Git changes before committing and detects critical issues in real-time.
Detection Categories:
- 🔴 Critical — Sensitive data (API keys, secrets, passwords)
- 🟡 Warning — Unnecessary files (
node_modules,.env) - 🔵 Info — Debug statements (
console.log,debugger)
Each detection includes instant feedback with clear explanations and one-click actions, helping developers make safer and cleaner commits.
- ⚡ Real-time pre-commit scanning — Analyze staged changes instantly
- 🚦 Severity-based detection — Critical, Warning, and Info level alerts
- 🛠️ One-click actions — Fix Automatically, Learn More, or Ignore
- 🧪 Interactive samples — Test with pre-built demo cases
- 🔒 Fully offline — No data transmission or external API calls
- 🎨 Developer-focused UI — Clean, modern interface inspired by VS Code
- 🌗 Dark & Light themes — Works seamlessly with your preference
*https://drive.google.com/file/d/1WUQM0THzfYf86lNCG14BUBdmE6pMYMNl/view?pli=1 A walkthrough demonstrating real-time detection, fixes, and workflow will be added here.
In the meantime, try the Live Demo below to see CommitWise AI in action.
| Technology | Purpose |
|---|---|
| Next.js 16 | React framework & server runtime |
| React 19 | UI library & component system |
| TypeScript | Type-safe development |
| Tailwind CSS v4 | Utility-first CSS styling |
| Vercel | Hosting & deployment platform |
- Node.js 18+ installed (Download)
- Git configured on your machine
- npm or pnpm package manager
Clone the repository in bash git clone https://github.com/Aayush-coder1/commitwise-ai cd commitwise-ai
-
Install dependencies
npm install
or if you prefer pnpm:
pnpm install
-
Run the development server
npm run dev
or with pnpm:
pnpm dev
-
Open in your browser
http://localhost:3000
The easiest way to deploy is with Vercel:
- Push your code to GitHub
- Connect your repository to Vercel Dashboard
- Click "Deploy" — automatic deployments on every push!
Try these to see detection in action:
- Paste code containing
.envor API keys - Include
node_modulesin your input - Add
console.log()ordebuggerstatements
- 🎨 Developer Tools Design — Studied interfaces of VS Code, GitHub, and modern dev tools
- 📖 Git Workflows — Deep understanding of pre-commit hooks and safe committing practices
- 🔐 Security Practices — Pattern recognition for detecting common security vulnerabilities
- 🎯 UI/UX for Technical Products — Balancing aesthetics with developer preferences
- 🚀 Modern Web Development — Leveraging Next.js 16, React 19, and advanced TypeScript patterns
| Challenge | Solution |
|---|---|
| Accurate detection without false positives | Built pattern-matching system with comprehensive test cases |
| Balancing simplicity with functionality | Created intuitive UI with clear, actionable feedback |
| Polished developer-focused design | Studied modern tools (VS Code, GitHub, Linear) for inspiration |
| Clean code architecture | Component-based structure with separation of concerns |
| Real-time responsiveness | Client-side logic with instant feedback (zero latency) |
We welcome contributions! Here's how to get started:
- Fork the repository on GitHub
- Clone your fork locally
git clone https://github.com/YOUR-USERNAME/commitwise-ai.git cd commitwise-ai - Create a feature branch
git checkout -b feature/your-feature-name
- Commit your changes
git commit -m 'Add: description of your feature' - Push to your branch
git push origin feature/your-feature-name
- Open a Pull Request with a clear description
Code Style:
- Follow the existing code patterns
- Use TypeScript for type safety
- Keep components modular and reusable
This project is licensed under the MIT License.
See the LICENSE file for full details. You're free to:
- ✅ Use, copy, and modify the code
- ✅ Distribute the software
- ✅ Use it commercially
- ✅ Use it privately
Just include the license and copyright notice.
Have questions, suggestions, or found a bug?
- Report Issues: GitHub Issues
- Discussions: GitHub Discussions
- Star the repo if you find it helpful! ⭐
Built with ❤️ for developers. Making commits safer, one commit at a time.