- Currently Exploring: Full-stack development (Next.js, React, Svelte, TypeScript), backend (Node.js, Express.js, Django), & AI/ML integrations.
- Learning: Advanced cloud architectures (AWS, Docker) and system design principles.
- Collaborate With Me: Let’s build SaaS tools, open-source projects, backend APIs, or automation scripts!
- Ask Me About: Front-end and backend development, React, Svelte best practices, or Python automation.
- Connect: Email | LinkedIn | GitHub
- Fun Fact: I once spent 3 hours debugging a React app, only to realize I’d misspelled
useStateasuseSatate😅.
graph LR
A1[<img src='https://cdn.jsdelivr.net/gh/devicons/devicon/icons/react/react-original.svg' width='20'/> React]
A2[<img src='https://cdn.jsdelivr.net/gh/devicons/devicon/icons/nextjs/nextjs-original.svg' width='20'/> Next.js]
A3[<img src='https://cdn.jsdelivr.net/gh/devicons/devicon/icons/svelte/svelte-original.svg' width='20'/> Svelte] -->|REST API / WebSocket| B[<img src='https://cdn.jsdelivr.net/gh/devicons/devicon/icons/express/express-original.svg' width='20'/> Express.js]
B -->|Mongoose ODM| C[<img src='https://cdn.jsdelivr.net/gh/devicons/devicon/icons/mongodb/mongodb-original.svg' width='20'/> MongoDB]
A -->|Auth / Realtime| D[<img src='https://cdn.jsdelivr.net/gh/devicons/devicon/icons/supabase/supabase-original.svg' width='20'/> Supabase]
D -->|PostgreSQL| E[<img src='https://cdn.jsdelivr.net/gh/devicons/devicon/icons/postgresql/postgresql-original.svg' width='20'/> Postgres DB]
classDef box fill:#2d3748,stroke:#718096,stroke-width:2px,color:white,font-size:12px;
classDef arrow fill:none,stroke:#63b3ed,stroke-width:2px;
class A,B,C,D,E box;
class arrowLinks arrow;
linkStyle 0,1,2,3 stroke:#63b3ed,stroke-width:2px;
