README
<p align="center">
<a href="https://shahnawaz-sazid.vercel.app"><img
src="https://i.ibb.co.com/b5rFWrkV/sazid.png"
alt="sazid-card"
/></a>
<p>
<a align="left" href="https://git.io/typing-svg"><img src="https://readme-typing-svg.herokuapp.com?font=Bebas+Neue&size=45&duration=3000&pause=1000&color=4C8FDA&vCenter=true&width=477&height=70&lines=Hi!+I'm+Shahnawaz+Sazid;I'm+a+Fullstack+Developer" alt="Typing SVG" /></a>
</p>
<!-- <img src="https://komarev.com/ghpvc/?username=sazid60&label=Profile%20views&color=0e75b6&style=flat" alt="sazid60" /> -->
<a href="https://wakatime.com/@ba184922-72ee-48f9-9141-39abfbc219ad"><img src="https://wakatime.com/badge/user/ba184922-72ee-48f9-9141-39abfbc219ad.svg" alt="Total time coded since Apr 15 2025" /></a>
<table align="center"> <tr> <td> <h2>WHO AM I?</h2> <p> Hey! I'm a <strong>Full Stack Developer</strong> who loves building things that actually work - from pixel-perfect UIs to powerful, reliable APIs. Fueled by curiosity, caffeine, and late-night “just one more commit” sessions, I enjoy bringing ideas to life through clean code, scalable architecture, and thoughtful design. </p> <p> On the <strong>frontend</strong>, I craft smooth, responsive experiences with <strong>React</strong>, <strong>Next.js</strong>, <strong>Tailwind</strong>, and a dash of animation magic using <strong>Framer Motion</strong>. On the <strong>backend</strong>, I build secure, high-performance systems with <strong>Node.js</strong>, <strong>Express</strong>, <strong>PostgreSQL</strong>, <strong>Prisma</strong>, <strong>MongoDB</strong>, and <strong>Mongoose</strong>, all powered by <strong>TypeScript</strong> and curiosity-driven problem solving. </p> <p> Being <strong>backend-oriented</strong>, I specialize in integrating frontend interfaces with complex backend logic, handling auth, APIs, databases, and design- making sure every part of the stack communicates perfectly (after a few bug battles). Experienced in building modular, maintainable, and user-centered applications, I focus on delivering scalable solutions that align with business goals while providing seamless experiences. </p> <p> Currently, I’m expanding my expertise in <strong>cloud technologies</strong>, deploying future-ready applications, and learning modern tools and practices that make software fast, reliable, and resilient. Dedicated to continuous growth, I’m passionate about contributing to impactful projects and staying at the forefront of emerging software trends. </p> <br/> <tr> <td align="center"> <img src="https://i.postimg.cc/cJ6w1ZZh/67q3cd.gif" width="" height="auto"> </td> </tr> <tr> <td> <h2 >TECHS I USE</h2> <!-- - <strong>Frontend Magic</strong>: HTML5, CSS3, JavaScript, TypeScript, React.js, Next.js, Tailwind CSS - <strong>Backend Sorcery</strong>: Node.js, Express.js, MongoDB, Mongoose, JWT - <strong>Auth & Hosting </strong>: Firebase Auth, Vercel, Render - <strong>Dev Side Quests</strong>: Git/GitHub, Postman, VS Code <br> <br> -->FRONTEND :
<p align="center"> <img src="https://img.shields.io/badge/HTML5-121212?style=for-the-badge&logo=html5&logoColor=E34F26"/> <img src="https://img.shields.io/badge/CSS3-121212?style=for-the-badge&logo=css&logoColor=1572B6"/> <img src="https://img.shields.io/badge/JavaScript-121212?style=for-the-badge&logo=javascript&logoColor=F7DF1E"/> <img src="https://img.shields.io/badge/TypeScript-121212?style=for-the-badge&logo=typescript&logoColor=3178C6"/> <img src="https://img.shields.io/badge/React-121212?style=for-the-badge&logo=react&logoColor=61DAFB"/> <img src="https://img.shields.io/badge/Next.js-121212?style=for-the-badge&logo=next.js&logoColor=white"/> <img src="https://img.shields.io/badge/Redux-121212?style=for-the-badge&logo=redux&logoColor=764ABC"/> <img src="https://img.shields.io/badge/React_Query-121212?style=for-the-badge&logo=react-query&logoColor=FF4154"/> <img src="https://img.shields.io/badge/Axios-121212?style=for-the-badge&logo=axios&logoColor=5A29E4"/> <img src="https://img.shields.io/badge/Tailwind_CSS-121212?style=for-the-badge&logo=tailwind-css&logoColor=38B2AC"/> <img src="https://img.shields.io/badge/shadcn/ui-121212?style=for-the-badge&logo=shadcnui&logoColor=white"/> <img src="https://img.shields.io/badge/Figma-121212?style=for-the-badge&logo=figma&logoColor=F24E1E"/> <img src="https://img.shields.io/badge/Framer_Motion-121212?style=for-the-badge&logo=framer&logoColor=0055FF"/> <img src="https://img.shields.io/badge/Firebase-121212?style=for-the-badge&logo=firebase&logoColor=FFCA28"/> <img src="https://img.shields.io/badge/NextAuth.js-121212?style=for-the-badge&logo=next.js&logoColor=white"/> </p>BACKEND :
<p align="center"> <img src="https://img.shields.io/badge/TypeScript-121212?style=for-the-badge&logo=typescript&logoColor=3178C6"/> <img src="https://img.shields.io/badge/Node.js-121212?style=for-the-badge&logo=node.js&logoColor=43853D"/> <img src="https://img.shields.io/badge/Express.js-121212?style=for-the-badge&logo=express&logoColor=white"/> <img src="https://img.shields.io/badge/Prisma-121212?style=for-the-badge&logo=prisma&logoColor=white"/> <img src="https://img.shields.io/badge/PostgreSQL-121212?style=for-the-badge&logo=postgresql&logoColor=4169E1"/> <img src="https://img.shields.io/badge/MongoDB-121212?style=for-the-badge&logo=mongodb&logoColor=4EA94B"/> <img src="https://img.shields.io/badge/Mongoose-121212?style=for-the-badge&logo=mongoose&logoColor=white"/> <img src="https://img.shields.io/badge/Redis-121212?style=for-the-badge&logo=redis&logoColor=DC382D"/> <img src="https://img.shields.io/badge/JWT-121212?style=for-the-badge&logo=jsonwebtokens&logoColor=white"/> <img src="https://img.shields.io/badge/Passport.js-121212?style=for-the-badge&logo=passport&logoColor=34E27A"/> <img src="https://img.shields.io/badge/Nodemailer-121212?style=for-the-badge&logo=gmail&logoColor=EA4335"/> <img src="https://img.shields.io/badge/SSLCommerz-121212?style=for-the-badge&logo=paytm&logoColor=00B9F1"/> <img src="https://img.shields.io/badge/Stripe-121212?style=for-the-badge&logo=stripe&logoColor=635BFF"/> </p>AI & INTEGRATION :
<p align="center"> <img src="https://img.shields.io/badge/OpenRouter_AI-121212?style=for-the-badge&logo=openai&logoColor=white"/> <img src="https://img.shields.io/badge/Gemini_AI-121212?style=for-the-badge&logo=gemini&logoColor=00CFFF"/> <img src="https://img.shields.io/badge/AI_Integration-121212?style=for-the-badge&logo=brain&logoColor=9146FF"/> </p>TOOLS AND PLATFORM :
<p align="center"> <img src="https://img.shields.io/badge/Git-121212?style=for-the-badge&logo=git&logoColor=F05032"/> <img src="https://img.shields.io/badge/GitHub-121212?style=for-the-badge&logo=github&logoColor=white"/> <img src="https://img.shields.io/badge/VS_Code-121212?style=for-the-badge&logo=visual-studio-code&logoColor=007ACC"/> <img src="https://img.shields.io/badge/Vite-121212?style=for-the-badge&logo=vite&logoColor=646CFF"/> <img src="https://img.shields.io/badge/Postman-121212?style=for-the-badge&logo=postman&logoColor=FF6C37"/> <img src="https://img.shields.io/badge/Linux-121212?style=for-the-badge&logo=linux&logoColor=FCC624"/> <img src="https://img.shields.io/badge/Vercel-121212?style=for-the-badge&logo=vercel&logoColor=white"/> <img src="https://img.shields.io/badge/Netlify-121212?style=for-the-badge&logo=netlify&logoColor=00C7B7"/> <img src="https://img.shields.io/badge/AWS-121212?style=for-the-badge&logo=amazon-aws&logoColor=FF9900"/> </p> </td> </tr> <tr> <td> <h2>CURRENTLY FOCUSING ON</h2> <ul> <li><strong>AWS</strong> – learning how to deploy like a pro instead of breaking the cloud ☁️</li> <li><strong>Docker</strong> – because “it works on my machine” is no longer an excuse 🐳</li> <li><strong>Problem Solving</strong> – sharpening my logic and algorithms to write smarter, cleaner, and faster code ⚙️</li> </ul> <!-- <h3 align="center" >TECH STACKS :</h3> <p align="center"> <a href="https://skillicons.dev"> <img src="https://skillicons.dev/icons?i=html,css,tailwind,js,vite,react,nextjs,ts&theme=dark" /> </a> <a href="https://skillicons.dev"> <img src="https://skillicons.dev/icons?i=firebase,express,nodejs,mongodb,figma,netlify,vercel,git&theme=dark" /> </a> </p> --> <h3 align="">SOCIALS :</h3> <h1 align="center">
