The latest articles on DEV Community by Vincent Cocal (@vincentcocal). https://dev.to/vincentcocal https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3266644%2F1a6d3077-fe55-4fee-9378-4c9c6f64e33c.JPG https://dev.to/vincentcocal en Vincent Cocal Sun, 15 Jun 2025 12:03:20 +0000 https://dev.to/vincentcocal/built-codevault-a-fullstack-code-snippet-manager-with-react-nodejs-and-sqlite-1f2j https://dev.to/vincentcocal/built-codevault-a-fullstack-code-snippet-manager-with-react-nodejs-and-sqlite-1f2j <p>🚀 CodeVault – A Fullstack Code Snippet Manager</p> <p>Hello Devs! 👋</p> <p>This is my first fullstack project: <strong>CodeVault</strong> – a code snippet manager built with <strong>React</strong>, <strong>Node.js</strong>, and <strong>SQLite</strong>. I created this to simplify saving, tagging, and organizing snippets across different languages.</p> <ul> <li> <strong>Frontend:</strong> React (Vite), Prism.js for syntax highlighting</li> <li> <strong>Backend:</strong> Node.js, Express.js, SQLite, JWT</li> <li> <strong>Deployment:</strong> Vercel (frontend), Railway (backend)</li> </ul> <h2> ✨ Features </h2> <p>✅ User Authentication (JWT)<br><br> ✅ Snippet creation and editing <br> ✅ Tag-based filtering and search<br><br> ✅ Syntax highlighting with Prism.js<br><br> ✅ Mobile responsive layout<br><br> ✅ Fully deployed and hosted</p> <h2> 🌐 Live Demo </h2> <blockquote> <p>🔗 <a href="https://codevault-frontend-b511.vercel.app" rel="noopener noreferrer">https://codevault-frontend-b511.vercel.app</a></p> </blockquote> <p><strong>Frontend Repo:</strong> <a href="https://github.com/vincentcocal/codevault-frontend" rel="noopener noreferrer">GitHub - codevault-frontend</a><br><br> <strong>Backend Repo:</strong> <a href="https://github.com/vincentcocal/codevault-backend" rel="noopener noreferrer">GitHub - codevault-backend</a></p> <h2> 📸 Screenshots </h2> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdrive.google.com%2Fuc%3Fexport%3Dview%26id%3D16XVimY8FUybNFDxwpCuiLYVYlIHzXkOD" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdrive.google.com%2Fuc%3Fexport%3Dview%26id%3D16XVimY8FUybNFDxwpCuiLYVYlIHzXkOD" alt="snippet example" width="1916" height="1044"></a></p> <blockquote> <p>Snippet editor with real-time highlighting</p> </blockquote> <h2> 📚 What I Learned </h2> <ul> <li>How to build a secure authentication system with JWT.</li> <li>CORS, rate-limiting, and deployment pipelines.</li> <li>Handling environment variables across dev and prod.</li> <li>SQLite integration and migrations.</li> <li>Better frontend state handling.</li> </ul> <h2> 🙌 Thanks for Reading! </h2> <p>Let me know what you think or if you have suggestions for new features.</p> webdev beginners react