{"id":28331298,"url":"https://github.com/utkarshthedev/snippetvault","last_synced_at":"2025-07-25T09:06:11.514Z","repository":{"id":294055484,"uuid":"985741202","full_name":"UtkarshTheDev/SnippetVault","owner":"UtkarshTheDev","description":null,"archived":false,"fork":false,"pushed_at":"2025-05-18T19:51:06.000Z","size":199,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-06-19T02:38:40.900Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://snippet-vault-ten.vercel.app","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/UtkarshTheDev.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-05-18T12:37:00.000Z","updated_at":"2025-05-18T19:51:09.000Z","dependencies_parsed_at":"2025-05-18T18:37:51.151Z","dependency_job_id":null,"html_url":"https://github.com/UtkarshTheDev/SnippetVault","commit_stats":null,"previous_names":["utkarshthedev/snippetvault"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/UtkarshTheDev/SnippetVault","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/UtkarshTheDev%2FSnippetVault","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/UtkarshTheDev%2FSnippetVault/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/UtkarshTheDev%2FSnippetVault/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/UtkarshTheDev%2FSnippetVault/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/UtkarshTheDev","download_url":"https://codeload.github.com/UtkarshTheDev/SnippetVault/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/UtkarshTheDev%2FSnippetVault/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":266983451,"owners_count":24016556,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-07-25T02:00:09.625Z","response_time":70,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2025-05-26T18:31:00.596Z","updated_at":"2025-07-25T09:06:11.506Z","avatar_url":"https://github.com/UtkarshTheDev.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# SnippetVault\n\n\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"public/snippetvault-logo.svg\" alt=\"SnippetVault Logo\" width=\"120\" height=\"120\" /\u003e\n  \u003ch3\u003eYour Personal Code Snippet Manager\u003c/h3\u003e\n\u003c/div\u003e\n\nSnippetVault is a modern, elegant code snippet manager built with React, TypeScript, and Vite. It allows developers to store, organize, and quickly access their frequently used code snippets with syntax highlighting for multiple programming languages.\n\n- View At: https://snippet-vault-ten.vercel.app/\n\n## ✨ Features\n\n- **Code Snippet Management**: Create, edit, view, and delete code snippets\n- **Syntax Highlighting**: Beautiful syntax highlighting for 20+ programming languages using Prism.js\n- **Search \u0026 Filter**: Quickly find snippets by title, content, language, or tags\n- **Favorites**: Mark your most-used snippets as favorites for quick access\n- **Tags**: Organize snippets with custom tags\n- **Dark Theme**: Modern dark theme UI with Catppuccin-inspired colors\n- **Responsive Design**: Works on desktop and mobile devices\n- **Local Storage**: All snippets are stored locally in your browser\n- **Sample Snippets**: Comes with pre-loaded sample snippets to get you started\n\n## 🚀 Getting Started\n\n### Prerequisites\n\n- [Node.js](https://nodejs.org/) (v18 or higher)\n- [Bun](https://bun.sh/) (recommended) or npm/yarn\n\n### Installation\n\n1. Clone the repository:\n\n   ```bash\n   git clone https://github.com/UtkarshTheDev/SnippetVault.git\n   cd snippetvault\n   ```\n\n2. Install dependencies:\n\n   ```bash\n   bun install\n   # or\n   npm install\n   ```\n\n3. Start the development server:\n\n   ```bash\n   bun dev\n   # or\n   npm run dev\n   ```\n\n4. Open your browser and navigate to `http://localhost:5173`\n\n## 🛠️ Built With\n\n- [React](https://react.dev/) - UI library\n- [TypeScript](https://www.typescriptlang.org/) - Type safety\n- [Vite](https://vitejs.dev/) - Build tool and development server\n- [Tailwind CSS](https://tailwindcss.com/) - Utility-first CSS framework\n- [Shadcn UI](https://ui.shadcn.com/) - UI component library\n- [Prism.js](https://prismjs.com/) - Syntax highlighting\n- [Lucide React](https://lucide.dev/) - Icon library\n- [LocalForage](https://localforage.github.io/localForage/) - Client-side storage\n- [Sonner](https://sonner.emilkowal.ski/) - Toast notifications\n\n## 📋 Usage\n\n### Creating a Snippet\n\n1. Click the \"+\" button in the bottom right corner\n2. Fill in the snippet details:\n   - Title\n   - Code content\n   - Language\n   - Description (optional)\n   - Tags (optional)\n3. Click \"Save\" to store your snippet\n\n### Viewing Snippets\n\n- All snippets are displayed in a card layout on the main screen\n- Click on a snippet card to view the full code\n- Use the search bar to find specific snippets\n- Filter snippets by language, tags, or favorites\n\n### Editing and Deleting Snippets\n\n- Click the three-dot menu on a snippet card\n- Select \"Edit\" to modify the snippet\n- Select \"Delete\" to remove the snippet\n\n## 🎨 Customization\n\nSnippetVault uses Tailwind CSS for styling, making it easy to customize the appearance:\n\n- Edit `tailwind.config.js` to modify the color scheme\n- Modify `src/lib/prism-theme.css` to customize the code syntax highlighting\n\n## 📄 License\n\nThis project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.\n\n## 🙏 Acknowledgments\n\n- [Shadcn UI](https://ui.shadcn.com/) for the beautiful UI components\n- [Catppuccin](https://github.com/catppuccin/catppuccin) for color scheme inspiration\n- [T3 Chat](https://t3.gg/) for UI design inspiration\n\n---\n\n\u003cdiv align=\"center\"\u003e\n  Made with ❤️ by Utkarsh\n\u003c/div\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Futkarshthedev%2Fsnippetvault","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Futkarshthedev%2Fsnippetvault","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Futkarshthedev%2Fsnippetvault/lists"}