Full-Stack Developer | Linux Enthusiast

github

projects

devto

Devansh Baghel  • Peerlist

A production‑grade developer portfolio built with Next.js 15 and React 19. Highlights include selected projects, a visual tech stack grid, and an MDX‑powered blog. Features live contribution history, an integrated GitRoll profile, and a Cloudflare Worker contact form using Resend. The UI prioritizes performance and readability with Tailwind CSS, subtle motion (AOS, tailwind‑motion), local font optimization, and consistent 3D‑style shadows. Analytics via PostHog, clean SEO metadata, structured data, and a sitemap ensure discoverability. Deployed on Cloudflare with OpenNext for fast, reliable delivery and accessible interactions.

Full‑Stack Developer Portfolio

<h2>CodeStash 📝💻</h2><a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://codestash.baghel.dev/">Deployed Site</a> - <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://github.com/Devansh-Baghel/CodeStash">Source Code</a>Codestash is a full-stack web app where developers can share, store, and discover code snippets. With community-driven features and AI-powered enhancements, Codestash blends the social dynamics of Reddit with the technical expertise of Stack Overflow.<h3>Features:</h3><ul><li>🔒 User Authentication &amp; Profiles: Sign up, log in, and manage your personal code stash.</li><li>✍️ Create, Read, Update, Delete (CRUD): Easily create and manage your code snippets.</li><li>🌐 Community-Based Organization: Share snippets with the community, organized by tags and topics.</li><li>💻 Multi-Language Support: Store snippets in various programming languages.</li><li>🎨 Code Syntax Highlighting: Enhanced readability with syntax highlighting.</li><li>👍 Upvoting/Downvoting System: Vote on the most useful snippets.</li><li>🤖 AI-Powered Code Explanations: Get AI-generated explanations for code snippets.</li><li>🔗 VS Code Integration: Open code snippets in VS Code.</li></ul>Codestash creates a collaborative space for developers, making it easy to find, share, and improve code with a supportive community.<h2>Tech Stack</h2><h3>Frontend:</h3><ul><li>Framework: <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://nextjs.org/">Next.js</a> (v14.2.1)</li><li>Styling: <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://tailwindcss.com/">TailwindCSS</a> (v3.4.10), <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://github.com/joe-bell/tailwindcss-animate">Tailwind CSS Animate</a> (v1.0.7)</li><li>State Management: <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://zustand-demo.pmnd.rs/">Zustand</a> (v4.5.5)</li><li>Data Fetching: <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://tanstack.com/query/v5">React Query</a> (v5.52.1)</li><li>Animations: <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://www.framer.com/motion/">Framer Motion</a> (v11.5.4), <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://formkit.com/auto-animate">Auto Animate</a> (v0.8.2)</li><li>UI Components: <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://www.radix-ui.com/">Radix UI</a> (Dialog, Select, Toast, etc.), <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://nextui.org/">NextUI</a> (v2.4.6)</li><li>Markdown Rendering: <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://uiwjs.github.io/react-markdown-preview/">React Markdown Preview</a> (v5.1.3), <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://github.com/probablyup/markdown-to-jsx">Markdown-to-JSX</a> (v7.5.0)</li><li>Utilities: <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://axios-http.com/">Axios</a> (v1.7.5), <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://github.com/lukeed/clsx">clsx</a> (v2.1.1)</li><li>Code Editor: <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://uiwjs.github.io/react-textarea-code-editor/">React Textarea Code Editor</a> (v3.0.2)</li></ul><h3>Backend:</h3><ul><li>Framework: <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://expressjs.com/">Express.js</a> (v4.19.2)</li><li>Database: <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://www.mongodb.com/">MongoDB</a> with <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://mongoosejs.com/">Mongoose</a> (v8.5.4)</li><li>Authentication: <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://jwt.io/">JWT</a> (v9.0.2), <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://www.npmjs.com/package/bcrypt">bcrypt</a> (v5.1.1)</li><li>File Uploads: <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://github.com/expressjs/multer">Multer</a> (v1.4.5-lts.1), <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://cloudinary.com/">Cloudinary</a> (v2.4.0)</li><li>Security: <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://helmetjs.github.io/">Helmet</a> (v7.1.0), <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://www.npmjs.com/package/cors">CORS</a> (v2.8.5), <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://www.npmjs.com/package/cookie-parser">Cookie Parser</a> (v1.4.6)</li><li>Logging: <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://getpino.io/">Pino</a> (v9.3.2)</li><li>Validation: <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://zod.dev/">Zod</a> (v3.23.8)</li><li>AI-powered Code Explanations: <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://developers.generativeai.google/">Google Generative AI</a> (v0.19.0)</li><li>Rate Limiting: <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://www.unkey.com/">Unkey</a></li></ul><h3>Development Tools:</h3><ul><li>Frontend: TypeScript, ESLint, Prettier, Husky</li><li>Backend: TypeScript, Vitest, Tsup, ESLint, Prettier</li><li>Build &amp; Dev: <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://github.com/egoist/tsup">Tsup</a> (v8.2.4), <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://github.com/esbuild-kit/tsx">TSX</a> (v4.17.0), <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://github.com/isaacs/rimraf">Rimraf</a> (v5.0.10)</li></ul>

CodeStash

SpendSync is an all in one financial planning and money tracking tool with a sleek and intuitive user interface. 💸✨