| 🔭 Building | 🌱 Learning | 🤝 Collaborating | 📫 Reach |
|---|---|---|---|
| Modern React & Next.js interfaces | Backend dev with Node.js & Express | Open source frontend issues | See Connect section |
| Accessible, motion-rich UIs | REST API design & data modeling | First-time contributor friendly | hello@zentrixdev.dev |
| Design systems in Tailwind | Database basics (Postgres) | Hackathon teams | linkedin.com/in/zentrix-dev |
Frontend
Backend & Learning
Tools & Environment
Currently Exploring
Pin your real repositories below — each card follows the same
github-readme-statspin format, themed to match this profile.
Replace REPO_1 … REPO_4 with the names of repos you want to showcase. Use the snippet below for each card:
<a href="https://github.com/Zentrix-Dev/REPO_NAME">
<img src="https://github-readme-stats.vercel.app/api/pin/?username=Zentrix-Dev&repo=REPO_NAME&theme=tokyonight&hide_border=true&bg_color=0A0F1E&title_color=38BDF8&text_color=93C5FD&icon_color=1E90FF" alt="REPO_NAME"/>
</a>
Generated automatically by .github/workflows/snake.yml on every push to main and daily at 00:00 UTC.
| Phase | Focus | Status |
|---|---|---|
| ✅ | Frontend Foundations — HTML, CSS, JavaScript, responsive design, accessibility | Done |
| ✅ | Modern Frontend — React, Next.js, TypeScript, Tailwind, component patterns | Done |
| 🔄 | Backend Basics — Node.js, Express, REST APIs, auth, request lifecycle | In progress |
| ⏳ | Databases — Postgres, MongoDB, schema design, basic query optimization | Next |
| ⏳ | Full-Stack Integration — connecting frontend to real backends, deployment | Next |
| ⏳ | DevOps Essentials — Docker, CI/CD, monitoring, basic cloud deploy | Later |
graph LR
A[Frontend Foundations] --> B[Modern Frontend]
B --> C[Backend Basics]
C --> D[Databases]
D --> E[Full-Stack Integration]
E --> F[DevOps Essentials]
style A fill:#0A0F1E,stroke:#38BDF8,stroke-width:2px,color:#93C5FD
style B fill:#0A0F1E,stroke:#38BDF8,stroke-width:2px,color:#93C5FD
style C fill:#0A0F1E,stroke:#00BFFF,stroke-width:3px,color:#38BDF8
style D fill:#0A0F1E,stroke:#1E90FF,stroke-width:2px,color:#475569
style E fill:#0A0F1E,stroke:#1E90FF,stroke-width:2px,color:#475569
style F fill:#0A0F1E,stroke:#1E90FF,stroke-width:2px,color:#475569
If you found my work helpful, consider starring a repo or buying me a coffee — every bit fuels late-night side projects.
Update the links above with your real profiles before publishing. Replace zentrixdev with your actual handles on each platform.
Designed and built by Zentrix-Dev — Modern Linux · Blue Cyber · Minimal
