Save code the way you write code.
A developer-focused code notebook for saving, organizing, searching, and reusing code snippets.
CodeVault gives developers a dedicated place to capture reusable snippets, add context, organize by tags and language, and quickly find code again when it matters.
Live Demo: https://codevault-2sp.pages.dev/
Contributors should preview the live demo first, then run the project locally before opening a pull request.
Current Version: v0.1.0-alpha
Status: Active Development
Looking for Contributors: Yes
Primary Focus: Building a fast developer-focused code notebook.
- Save reusable code notes with title, reason, language, tags, and snippet body
- Search across note metadata and optional code content
- Browse snippets by language, collection, and tags
- Edit notes in a right-side drawer with syntax highlighting
- Copy snippets quickly from preview cards
- Responsive dark UI designed for developer workflows
- Alpha roadmap for persistence, deletion, import/export, and toast feedback
Most note-taking apps treat code as a secondary feature.
CodeVault is built around the idea that code is the note.
Instead of storing snippets inside documents, CodeVault provides a dedicated workspace for organizing, searching, and reusing code efficiently.
- Vite
- React
- Tailwind CSS
- Ace Editor for syntax highlighting
- Lucide React icons
CodeVault is evolving from a simple code notebook into a complete developer knowledge workspace.
Planned roadmap:
- localStorage persistence
- delete notes
- copy success toast
- save success toast
- JSON export
- JSON import
- keyboard shortcuts
- improved search experience
- Monaco Editor (VS Code engine)
- syntax highlighted note previews
- improved mobile experience
- advanced filtering
- AI-powered snippet explanations
- AI-generated learning notes
- Semantic code search
- Smart code relationships
- Personal developer memory system
- favorite collections
- command palette
- GitHub Gist integration
- Notion integration
- browser extension
- VS Code extension
- cloud sync
Long-term goal:
Become the personal knowledge base for developers.
Not just a place to store code, but a place to remember, organize, understand, and reuse knowledge.
Clone the repository:
git clone https://github.com/sayedrisat/codevault.git
cd codevaultInstall dependencies:
npm installStart the local development server:
npm run devOpen the local Vite URL shown in your terminal, usually:
http://localhost:5173Build for production:
npm run buildPreview the production build:
npm run preview- Open CodeVault in your browser.
- Use the search bar to find saved snippets by title, tag, language, explanation, or code body.
- Select a language or tag from the sidebar to narrow the list.
- Click New Note to create a reusable code note.
- Add a short reason for saving the snippet so it is easier to remember later.
- Use Copy on a note card to copy the snippet.
- Use Edit to open the drawer editor and update a note.
Before reviewing or opening a pull request, preview the live demo first, then run the project locally:
git clone https://github.com/sayedrisat/codevault.git
cd codevault
npm install
npm run devOpen the local Vite URL shown in your terminal, usually:
http://localhost:5173Before opening a PR, please:
- run
npm run dev - test the UI locally
- take a screenshot if your change affects the UI
- mention what you changed in the PR description
CodeVault is prepared for Cloudflare Pages deployment from GitHub.
Recommended Cloudflare Pages settings:
- Framework preset: Vite
- Build command:
npm run build - Output directory:
dist - Node version: use the version in
.node-version
Contributions are welcome. Start with a small focused issue, especially one labeled good first issue.
Suggested workflow:
- Pick an issue from the roadmap or GitHub issues.
- Create a focused branch.
- Run the app locally.
- Make a small, reviewable change.
- Test the affected UI or feature.
- Add screenshots for UI changes.
- Open a pull request with a clear before/after explanation.
Read the full contributor guide in CONTRIBUTING.md.
Contributions are welcome.
Current areas where contributors can help:
- React
- Tailwind CSS
- Monaco Editor
- Search and Filtering
- Accessibility
- Developer Tooling
- Documentation
- Future AI Integrations
Check:
If you are looking to make your first open-source contribution, this project is beginner-friendly.
Good first improvements include:
- Add localStorage persistence
- Add note deletion
- Add copy success toast notification
- Improve mobile sidebar behavior
- Update README screenshots
- Sayed Risat
- Coming soon..
If you find CodeVault useful:
- Star the repository
- Share feedback
- Open feature requests
- Join Discussions
- Contribute improvements
Every contribution helps improve the developer experience.
CodeVault is released under the MIT License.