🌻 Hi, I'm Azadeh – A passionate Front-End Developer from Iran ❤️🤍💚
🎯 I specialize in building beautiful, fast, and accessible web apps
🚀 Currently working with React, Next.js, TypeScript & Tailwind
Front-End Developer specialized in React & Next.js, passionate about building user-centric web applications. Looking for opportunities to contribute to modern web projects and grow within innovative teams.
| 🧠 Language / Tool | 💼 Main Usage | 📊 Proficiency |
|---|---|---|
| ⚛️ React | 🌐 Component-based UI development | ⭐⭐⭐⭐☆ (Advanced) |
| 🧭 Next.js | 🚀 SSR/SSG, routing, full-stack React apps | ⭐⭐⭐⭐☆ (Advanced) |
| 💨 Tailwind CSS | 🎨 Utility-first responsive UI styling | ⭐⭐⭐⭐⭐ (Expert) |
| 🧠 TypeScript | 📝 Type-safe JavaScript development | ⭐⭐⭐⭐⭐ (Expert) |
| 🐻 Zustand | 📦 Lightweight state management | ⭐⭐⭐☆☆ (Intermediate) |
| 🌐 ASP.NET Core | 🏗️ Backend API & Server-side Logic | ⭐⭐⭐☆☆ (Intermediate) |
| 🗄️ SQL | 📊 Relational Databases & Querying | ⭐⭐⭐☆☆ (Intermediate) |
| 🧪 k6 | 📉 Performance & Load Testing | ⭐⭐⭐☆☆ (Intermediate) |
| 🧰 Redux Toolkit | 🌍 Scalable state management | ⭐⭐⭐⭐☆ (Advanced) |
| 🔍 TanStack Query | 🔄 Server state management & data fetching | ⭐⭐⭐⭐☆ (Advanced) |
| ✨ JavaScript | 🧭 Dynamic interfaces, SPA logic | ⭐⭐⭐⭐☆ (Advanced) |
| 🗄️ Supabase | 🔐 BaaS, Database, Auth, Realtime | ⭐⭐⭐⭐☆ (Advanced) |
| 📝 React Hook Form | ✅ Form handling with validation | ⭐⭐⭐⭐⭐ (Expert) |
| 🛡️ Zod | 🧪 Schema validation & type-safe data parsing | ⭐⭐⭐⭐⭐ (Expert) |
| Project Name | Live Demo 🌐 | Preview 🖼️ |
|---|---|---|
| 📄 Employee | Live |  |
| 💐 Flower Shop | Live |  |
| 🍔 Just Food | Live |  |
| 🌦️ Weather Dashboard | Live |  |
- Teamwork & Collaboration
- Problem-Solving & Debugging
- Agile & Scrum Workflow
- Communication & Knowledge Sharing
I enjoy sharing what I learn about frontend development, design principles, and practical coding tips.
Here are some of the articles I've published on Medium:
-
🧠 What is React Forget and Why It Matters
A simple breakdown of React Forget and how it impacts rendering and performance. -
🔄 State Persistence in React Apps with Redux Persist
How to keep your Redux state intact across refreshes and app restarts. -
⚙️ Static Button Component: Static vs Dynamic Components in React + TypeScript
A practical comparison of static and dynamic components, and when to use each.
➡️ View all articles on Medium »
