README
<div align="center">
<img src="https://raw.githubusercontent.com/devXsadik/devXsadik/main/assets/hero-banner.svg" width="100%" alt="Hero banner" />
<br/>
<img src="https://readme-typing-svg.demolab.com?font=JetBrains+Mono&weight=600&size=24&duration=3000&pause=800&color=00D4FF¢er=true&vCenter=true&width=700&lines=Full-Stack+Developer;CS+Undergrad+%40+DIU;React+%C2%B7+Node.js+%C2%B7+TypeScript;Building+scalable+web+%26+AI+solutions" alt="Typing intro" />
<br/>
<h3 align="center">👋 Hey, I'm Hanjala Habib Sadik</h3> <p align="center"> <b>Full-Stack Web Developer</b> from Dhaka, Bangladesh<br/> CSE Undergraduate @ <b>Daffodil International University(DIU) </b><br/> 2+ years crafting production apps with <b>MERN</b>, <b>Next.js</b> & <b>Tailwind CSS</b> </p> <p align="center"> <img src="https://img.shields.io/badge/Focus-AI%20%26%20Full--Stack-6C3CE0?style=flat-square" alt="Focus" /> <img src="https://img.shields.io/badge/Location-Dhaka%2C%20Bangladesh-00D4FF?style=flat-square" alt="Location" /> <img src="https://img.shields.io/badge/Open%20to-Collaboration-FF6B9D?style=flat-square" alt="Open to" /> </p> <div align="center"> <table width="75%"> <tr> <td width="30%" align="left" valign="top">🔭 <strong>Now</strong></td> <td align="left" valign="top">Building AI-powered surveillance systems</td> </tr> <tr> <td width="30%" align="left" valign="top">🌱 <strong>Learning</strong></td> <td align="left" valign="top">System Design · Cloud Native · DevOps</td> </tr> <tr> <td width="30%" align="left" valign="top">🎯 <strong>2026 Goals</strong></td> <td align="left" valign="top">Kubernetes · AI/ML · Scalable architectures</td> </tr> <tr> <td width="30%" align="left" valign="top">⚡ <strong>Fun fact</strong></td> <td align="left" valign="top">I enjoy reading docs more than tutorials</td> </tr> </table> </div> <div align="center"> <h3>🛠️ Tech Stack</h3> <img src="https://skillicons.dev/icons?i=html,css,tailwind,js,ts,react,nextjs&theme=dark" alt="Frontend" /> <br/> <img src="https://skillicons.dev/icons?i=nodejs,express,python,mongodb,postgres,redis&theme=dark" alt="Backend" /> <br/> <img src="https://skillicons.dev/icons?i=docker,git,github,linux,aws,vscode&theme=dark" alt="Tools" /> </div>
<div align="center"> <h3>📊 GitHub Analytics</h3> <img width="48%" src="https://github-profile-summary-cards.vercel.app/api/cards/stats?username=devXsadik&theme=github_dark" alt="GitHub stats" /> <img width="48%" src="https://github-profile-summary-cards.vercel.app/api/cards/repos-per-language?username=devXsadik&theme=github_dark" alt="Top languages" /> <br/> <a href="https://git.io/streak-stats"> <img src="https://streak-stats.demolab.com?user=devXsadik&theme=tokyonight&utcOffset=6&cache_seconds=1800&v=20260811" alt="GitHub Streak" /> </a>
<h3 align="center">🚀 Featured Projects</h3> <p align="center"> <sub>Selected work — production apps, hackathon builds & open-source tools</sub> </p> <br/> <div align="left"> <table width="100%"> <tr> <td width="50%" valign="top"> <h4>🧠 Brain Dump</h4> <p>AI task organizer that transforms unstructured notes into prioritized, actionable workflows.</p> <p> <img src="https://img.shields.io/badge/TypeScript-3178C6?style=flat-square&logo=typescript&logoColor=white" alt="TypeScript" /> <img src="https://img.shields.io/badge/React-20232A?style=flat-square&logo=react&logoColor=61DAFB" alt="React" /> <img src="https://img.shields.io/badge/AI-Powered-6C3CE0?style=flat-square" alt="AI" /> </p> <p> <a href="https://github.com/devXsadik/Brain-Dump-Task-Organizer"><img src="https://img.shields.io/badge/Source-161B22?style=for-the-badge&logo=github&logoColor=white" alt="Source" /></a> </p> </td> <td width="50%" valign="top"> <h4>🎫 Ticket Analyzer</h4> <p>ICT Fest hackathon project — AI-powered support ticket classification and insight dashboard.</p> <p> <img src="https://img.shields.io/badge/Python-3776AB?style=flat-square&logo=python&logoColor=white" alt="Python" /> <img src="https://img.shields.io/badge/Hackathon-FF6B9D?style=flat-square" alt="Hackathon" /> <img src="https://img.shields.io/badge/Team_Binary-DIU-00D4FF?style=flat-square" alt="Team Binary DIU" /> </p> <p> <a href="https://team-binary-diu-ticket-analyzer.vercel.app"><img src="https://img.shields.io/badge/Live_Demo-00D4FF?style=for-the-badge&logo=vercel&logoColor=0d1117" alt="Live Demo" /></a> <a href="https://github.com/devXsadik/TeamBinaryDIU-TicketAnalyzer"><img src="https://img.shields.io/badge/Source-161B22?style=for-the-badge&logo=github&logoColor=white" alt="Source" /></a> </p> </td> </tr> <tr> <td width="50%" valign="top"> <h4>⚙️ DataForge</h4> <p>Dataset file converter for ML pipelines — fast format transforms with a clean web interface.</p> <p> <img src="https://img.shields.io/badge/Next.js-000?style=flat-square&logo=nextdotjs&logoColor=white" alt="Next.js" /> <img src="https://img.shields.io/badge/Tailwind-06B6D4?style=flat-square&logo=tailwindcss&logoColor=white" alt="Tailwind" /> <img src="https://img.shields.io/badge/ML_Tools-6C3CE0?style=flat-square" alt="ML Tools" /> </p> <p> <a href="https://dataforge-binary.vercel.app"><img src="https://img.shields.io/badge/Live_Demo-00D4FF?style=for-the-badge&logo=vercel&logoColor=0d1117" alt="Live Demo" /></a> <a href="https://github.com/devXsadik/dataset-file-convertor"><img src="https://img.shields.io/badge/Source-161B22?style=for-the-badge&logo=github&logoColor=white" alt="Source" /></a> </p> </td> <td width="50%" valign="top"> <h4>💼 Portfolio</h4> <p>Personal developer portfolio showcasing projects, skills, and contact — built for performance.</p> <p> <img src="https://img.shields.io/badge/JavaScript-F7DF1E?style=flat-square&logo=javascript&logoColor=black" alt="JavaScript" /> <img src="https://img.shields.io/badge/React-20232A?style=flat-square&logo=react&logoColor=61DAFB" alt="React" /> <img src="https://img.shields.io/badge/Vercel-000?style=flat-square&logo=vercel&logoColor=white" alt="Vercel" /> </p> <p> <a href="https://sadik-portfolio-ten.vercel.app"><img src="https://img.shields.io/badge/Live_Demo-00D4FF?style=for-the-badge&logo=vercel&logoColor=0d1117" alt="Live Demo" /></a> <a href="https://github.com/devXsadik/sadik-portfolio"><img src="https://img.shields.io/badge/Source-161B22?style=for-the-badge&logo=github&logoColor=white" alt="Source" /></a> </p> </td> </tr> <tr> <td colspan="2" valign="top"> <h4>✅ Taskflow</h4> <p>Lightweight task management app with intuitive UI for tracking daily work and project milestones.</p> <p> <img src="https://img.shields.io/badge/Next.js-000?style=flat-square&logo=nextdotjs&logoColor=white" alt="Next.js" /> <img src="https://img.shields.io/badge/JavaScript-F7DF1E?style=flat-square&logo=javascript&logoColor=black" alt="JavaScript" /> <img src="https://img.shields.io/badge/Productivity-6C3CE0?style=flat-square" alt="Productivity" /> </p> <p> <a href="https://taskflow-nu-red.vercel.app"><img src="https://img.shields.io/badge/Live_Demo-00D4FF?style=for-the-badge&logo=vercel&logoColor=0d1117" alt="Live Demo" /></a> <a href="https://github.com/devXsadik/Taskflow"><img src="https://img.shields.io/badge/Source-161B22?style=for-the-badge&logo=github&logoColor=white" alt="Source" /></a> </p> </td> </tr> </table> </div>
<div align="center"> <h3>📈 Contributions</h3> <img width="96%" src="https://github-readme-activity-graph.vercel.app/graph?username=devXsadik&bg_color=0D1117&color=00D4FF&line=6C3CE0&point=FF6B9D&area=true&area_color=6C3CE0&hide_border=true" alt="Contribution graph" />
<div align="center">
<a href="https://www.linkedin.com/in/devXsadik"><img src="https://img.shields.io/badge/LinkedIn-6C3CE0?style=for-the-badge&logo=linkedin&logoColor=white" alt="LinkedIn" /></a> <a href="https://sadik-portfolio-ten.vercel.app"><img src="https://img.shields.io/badge/Portfolio-00D4FF?style=for-the-badge&logo=vercel&logoColor=0d1117" alt="Portfolio" /></a> <a href="mailto:sadik.work.bd@gmail.com"><img src="https://img.shields.io/badge/Email-FF6B9D?style=for-the-badge&logo=gmail&logoColor=white" alt="Email" /></a> <a href="https://github.com/devXsadik"><img src="https://img.shields.io/badge/GitHub-161B22?style=for-the-badge&logo=github&logoColor=white" alt="GitHub" /></a>
<br/><br/>
<img src="https://komarev.com/ghpvc/?username=devXsadik&style=for-the-badge&color=6C3CE0&label=PROFILE+VIEWS" alt="Profile views" /> </div><h3 align="center">👋 Hey, I'm Hanjala Habib Sadik</h3> <p align="center"> <b>Full-Stack Web Developer</b> from Dhaka, Bangladesh<br/> CSE Undergraduate @ <b>Daffodil International University(DIU) </b><br/> 2+ years crafting production apps with <b>MERN</b>, <b>Next.js</b> & <b>Tailwind CSS</b> </p> <p align="center"> <img src="https://img.shields.io/badge/Focus-AI%20%26%20Full--Stack-6C3CE0?style=flat-square" alt="Focus" /> <img src="https://img.shields.io/badge/Location-Dhaka%2C%20Bangladesh-00D4FF?style=flat-square" alt="Location" /> <img src="https://img.shields.io/badge/Open%20to-Collaboration-FF6B9D?style=flat-square" alt="Open to" /> </p> <div align="center"> <table width="75%"> <tr> <td width="30%" align="left" valign="top">🔭 <strong>Now</strong></td> <td align="left" valign="top">Building AI-powered surveillance systems</td> </tr> <tr> <td width="30%" align="left" valign="top">🌱 <strong>Learning</strong></td> <td align="left" valign="top">System Design · Cloud Native · DevOps</td> </tr> <tr> <td width="30%" align="left" valign="top">🎯 <strong>2026 Goals</strong></td> <td align="left" valign="top">Kubernetes · AI/ML · Scalable architectures</td> </tr> <tr> <td width="30%" align="left" valign="top">⚡ <strong>Fun fact</strong></td> <td align="left" valign="top">I enjoy reading docs more than tutorials</td> </tr> </table> </div> <div align="center"> <h3>🛠️ Tech Stack</h3> <img src="https://skillicons.dev/icons?i=html,css,tailwind,js,ts,react,nextjs&theme=dark" alt="Frontend" /> <br/> <img src="https://skillicons.dev/icons?i=nodejs,express,python,mongodb,postgres,redis&theme=dark" alt="Backend" /> <br/> <img src="https://skillicons.dev/icons?i=docker,git,github,linux,aws,vscode&theme=dark" alt="Tools" /> </div>
<div align="center"> <h3>📊 GitHub Analytics</h3> <img width="48%" src="https://github-profile-summary-cards.vercel.app/api/cards/stats?username=devXsadik&theme=github_dark" alt="GitHub stats" /> <img width="48%" src="https://github-profile-summary-cards.vercel.app/api/cards/repos-per-language?username=devXsadik&theme=github_dark" alt="Top languages" /> <br/> <a href="https://git.io/streak-stats"> <img src="https://streak-stats.demolab.com?user=devXsadik&theme=tokyonight&utcOffset=6&cache_seconds=1800&v=20260811" alt="GitHub Streak" /> </a>
<br/><br/>
<img width="92%" src="https://github-profile-summary-cards.vercel.app/api/cards/profile-details?username=devXsadik&theme=github_dark" alt="Profile details" /> </div><h3 align="center">🚀 Featured Projects</h3> <p align="center"> <sub>Selected work — production apps, hackathon builds & open-source tools</sub> </p> <br/> <div align="left"> <table width="100%"> <tr> <td width="50%" valign="top"> <h4>🧠 Brain Dump</h4> <p>AI task organizer that transforms unstructured notes into prioritized, actionable workflows.</p> <p> <img src="https://img.shields.io/badge/TypeScript-3178C6?style=flat-square&logo=typescript&logoColor=white" alt="TypeScript" /> <img src="https://img.shields.io/badge/React-20232A?style=flat-square&logo=react&logoColor=61DAFB" alt="React" /> <img src="https://img.shields.io/badge/AI-Powered-6C3CE0?style=flat-square" alt="AI" /> </p> <p> <a href="https://github.com/devXsadik/Brain-Dump-Task-Organizer"><img src="https://img.shields.io/badge/Source-161B22?style=for-the-badge&logo=github&logoColor=white" alt="Source" /></a> </p> </td> <td width="50%" valign="top"> <h4>🎫 Ticket Analyzer</h4> <p>ICT Fest hackathon project — AI-powered support ticket classification and insight dashboard.</p> <p> <img src="https://img.shields.io/badge/Python-3776AB?style=flat-square&logo=python&logoColor=white" alt="Python" /> <img src="https://img.shields.io/badge/Hackathon-FF6B9D?style=flat-square" alt="Hackathon" /> <img src="https://img.shields.io/badge/Team_Binary-DIU-00D4FF?style=flat-square" alt="Team Binary DIU" /> </p> <p> <a href="https://team-binary-diu-ticket-analyzer.vercel.app"><img src="https://img.shields.io/badge/Live_Demo-00D4FF?style=for-the-badge&logo=vercel&logoColor=0d1117" alt="Live Demo" /></a> <a href="https://github.com/devXsadik/TeamBinaryDIU-TicketAnalyzer"><img src="https://img.shields.io/badge/Source-161B22?style=for-the-badge&logo=github&logoColor=white" alt="Source" /></a> </p> </td> </tr> <tr> <td width="50%" valign="top"> <h4>⚙️ DataForge</h4> <p>Dataset file converter for ML pipelines — fast format transforms with a clean web interface.</p> <p> <img src="https://img.shields.io/badge/Next.js-000?style=flat-square&logo=nextdotjs&logoColor=white" alt="Next.js" /> <img src="https://img.shields.io/badge/Tailwind-06B6D4?style=flat-square&logo=tailwindcss&logoColor=white" alt="Tailwind" /> <img src="https://img.shields.io/badge/ML_Tools-6C3CE0?style=flat-square" alt="ML Tools" /> </p> <p> <a href="https://dataforge-binary.vercel.app"><img src="https://img.shields.io/badge/Live_Demo-00D4FF?style=for-the-badge&logo=vercel&logoColor=0d1117" alt="Live Demo" /></a> <a href="https://github.com/devXsadik/dataset-file-convertor"><img src="https://img.shields.io/badge/Source-161B22?style=for-the-badge&logo=github&logoColor=white" alt="Source" /></a> </p> </td> <td width="50%" valign="top"> <h4>💼 Portfolio</h4> <p>Personal developer portfolio showcasing projects, skills, and contact — built for performance.</p> <p> <img src="https://img.shields.io/badge/JavaScript-F7DF1E?style=flat-square&logo=javascript&logoColor=black" alt="JavaScript" /> <img src="https://img.shields.io/badge/React-20232A?style=flat-square&logo=react&logoColor=61DAFB" alt="React" /> <img src="https://img.shields.io/badge/Vercel-000?style=flat-square&logo=vercel&logoColor=white" alt="Vercel" /> </p> <p> <a href="https://sadik-portfolio-ten.vercel.app"><img src="https://img.shields.io/badge/Live_Demo-00D4FF?style=for-the-badge&logo=vercel&logoColor=0d1117" alt="Live Demo" /></a> <a href="https://github.com/devXsadik/sadik-portfolio"><img src="https://img.shields.io/badge/Source-161B22?style=for-the-badge&logo=github&logoColor=white" alt="Source" /></a> </p> </td> </tr> <tr> <td colspan="2" valign="top"> <h4>✅ Taskflow</h4> <p>Lightweight task management app with intuitive UI for tracking daily work and project milestones.</p> <p> <img src="https://img.shields.io/badge/Next.js-000?style=flat-square&logo=nextdotjs&logoColor=white" alt="Next.js" /> <img src="https://img.shields.io/badge/JavaScript-F7DF1E?style=flat-square&logo=javascript&logoColor=black" alt="JavaScript" /> <img src="https://img.shields.io/badge/Productivity-6C3CE0?style=flat-square" alt="Productivity" /> </p> <p> <a href="https://taskflow-nu-red.vercel.app"><img src="https://img.shields.io/badge/Live_Demo-00D4FF?style=for-the-badge&logo=vercel&logoColor=0d1117" alt="Live Demo" /></a> <a href="https://github.com/devXsadik/Taskflow"><img src="https://img.shields.io/badge/Source-161B22?style=for-the-badge&logo=github&logoColor=white" alt="Source" /></a> </p> </td> </tr> </table> </div>
<div align="center"> <h3>📈 Contributions</h3> <img width="96%" src="https://github-readme-activity-graph.vercel.app/graph?username=devXsadik&bg_color=0D1117&color=00D4FF&line=6C3CE0&point=FF6B9D&area=true&area_color=6C3CE0&hide_border=true" alt="Contribution graph" />
<br/><br/>
<img src="https://raw.githubusercontent.com/devXsadik/devXsadik/output/github-snake-dark.svg" width="100%" alt="Contribution snake" /> </div><div align="center">
<sub>Thanks for stopping by — let's build something great together.</sub>
<br/><br/>
<img src="https://capsule-render.vercel.app/api?type=waving&color=0:0d1117,50:6C3CE0,100:0d1117&height=120§ion=footer" width="100%" alt="Footer" /> </div>