Every React, Git, GitHub, npm, Vercel & Netlify command you'll ever need. Beginner to pro. All 3 operating systems. No fluff. Just vibes.
VibeCheatCode is a fast, searchable developer cheat sheet web app built with React.
Tired of Googling the same Git commands over and over? Can't remember if it's npm remove or npm uninstall? Forgot how useCallback works again?
This app has everything in one place — searchable, filterable by OS, and copyable in one click.
| Feature | Description |
|---|---|
| 🔍 Live Search | Instantly find any command or hook as you type |
| 💻 OS Toggle | Switch between Windows, macOS and Linux |
| 📋 One-Click Copy | Copy any code block instantly |
| ⚛️ React Hooks | All 12 hooks with real code examples |
| 📱 Fully Responsive | Works great on mobile and desktop |
| ⚡ Fast | Built with Vite — loads in milliseconds |
| 🎨 Dark Theme | Easy on the eyes, terminal aesthetic |
| # | Section | What's inside |
|---|---|---|
| 1 | ⚙️ Setup | Node.js, Git, GitHub CLI install for all 3 OS |
| 2 | ⚛️ React | Vite, CRA, Next.js, popular packages, env vars |
| 3 | 📦 npm | install, remove, update, audit, scripts, cache |
| 4 | 🔀 Git | init, commit, branch, merge, stash, undo, tags |
| 5 | 🐙 GitHub | push, PR, fork, SSH keys, .gitignore |
| 6 | ▲ Vercel | deploy, env vars, domains, rollback, logs |
| 7 | 🌐 Netlify | deploy, netlify.toml configs, env vars |
| 8 | 🪝 Hooks | All 12 React hooks with full examples |
| 9 | 🗂️ Router | React Router v6 — routes, params, protected routes |
| 10 | 💻 VS Code | Shortcuts, snippets, must-have extensions |
- Node.js v18+
- npm v9+
# Clone the repo
git clone https://github.com/AxomiyaIndie/vcc.git
# Navigate into it
cd vcc
# Install dependencies
npm install
# Start dev server
npm run devOpen http://localhost:5173 in your browser. 🎉
# Build
npm run build
# Preview production build locally
npm run previewOutput goes to /dist — ready to deploy anywhere.
vcc/
├── index.html ← App entry point
├── vite.config.js ← Vite config
├── netlify.toml ← Netlify build + redirect config
├── vercel.json ← Vercel SPA rewrite config
│
└── src/
├── main.jsx ← ReactDOM entry
├── App.jsx ← All routes
├── index.css ← Global styles + CSS variables
│
├── context/
│ └── AppContext.jsx ← OS state, search state, copy logic
│
├── data/
│ └── cheatcodes.js ← All 100+ commands + hook data
│
├── components/
│ ├── Navbar.jsx ← Logo, search bar, OS toggle, nav tabs
│ ├── CodeCard.jsx ← Command card with copy button
│ ├── HookCard.jsx ← Hook card with colored accent
│ └── Layout.jsx ← Page wrapper
│
└── pages/
├── Home.jsx ← Landing page
├── SectionPage.jsx ← Reusable section page
├── HooksPage.jsx ← Hooks grid layout
└── SearchPage.jsx ← Live search results
- React 18 — UI library
- Vite 8 — Lightning fast build tool
- React Router v6 — Client-side routing
- CSS Modules — Scoped styling, zero Tailwind needed
npm install -g vercel
vercel --prodOr connect your GitHub repo at vercel.com/new for auto-deploys on every push.
npm install -g netlify-cli
netlify deploy --prodBoth config files (netlify.toml and vercel.json) are already included — zero setup needed.
Missing a command? Want to add a new section?
- Fork the repo
- Create your branch
git checkout -b feat/your-feature- Add your commands to
src/data/cheatcodes.js - Commit and push
git commit -m "feat: add your feature"
git push origin feat/your-feature- Open a Pull Request 🙌
MIT License — free to use, modify and share.
Built with 😤 frustration by Rakibul
⭐ Star this repo if it saved your day!