# 👋 Hi, I'm Begench Danatarow

## 🧑‍💻 About Me

I am **Begench Danatarow**, a passionate **Frontend Developer** with over **2 years** of experience building modern and responsive web applications.  
📍 Based in **Ashgabat, Turkmenistan**

---

## 📬 Contact Me

[![Email](https://img.shields.io/badge/Gmail-begench.d.2004@gmail.com-red?style=for-the-badge&logo=gmail&logoColor=white)](mailto:begench.d.2004@gmail.com)  
[![Telegram](https://img.shields.io/badge/Telegram-@begenchd-2CA5E0?style=for-the-badge&logo=telegram&logoColor=white)](https://t.me/begenchd)

---

## 🛠️ Skills & Technologies

### 🔹 Core Technologies

![HTML](https://img.shields.io/badge/HTML5-E34F26?style=flat&logo=html5&logoColor=white)
![CSS](https://img.shields.io/badge/CSS3-1572B6?style=flat&logo=css3&logoColor=white)
![JavaScript](https://img.shields.io/badge/JavaScript-F7DF1E?style=flat&logo=javascript&logoColor=black)
![TypeScript](https://img.shields.io/badge/TypeScript-3178C6?style=flat&logo=typescript&logoColor=white)

### ⚛️ Libraries & Frameworks

![jQuery](https://img.shields.io/badge/jQuery-0769AD?style=flat&logo=jquery&logoColor=white)
![React](https://img.shields.io/badge/React-20232A?style=flat&logo=react&logoColor=61DAFB)
![Vue.js](https://img.shields.io/badge/Vue.js-35495E?style=flat&logo=vue.js&logoColor=4FC08D)
![Next.js](https://img.shields.io/badge/Next.js-000000?style=flat&logo=next.js&logoColor=white)
![Nuxt.js](https://img.shields.io/badge/Nuxt.js-00C58E?style=flat&logo=nuxt.js&logoColor=white)

### 🎨 Styling Tools

![Tailwind CSS](https://img.shields.io/badge/Tailwind_CSS-06B6D4?style=flat&logo=tailwind-css&logoColor=white)
![SCSS](https://img.shields.io/badge/SCSS-CC6699?style=flat&logo=sass&logoColor=white)
![Bootstrap](https://img.shields.io/badge/Bootstrap-7952B3?style=flat&logo=bootstrap&logoColor=white)
![Ant Design](https://img.shields.io/badge/Ant_Design-0170FE?style=flat&logo=ant-design&logoColor=white)
![Vuetify](https://img.shields.io/badge/Vuetify-1867C0?style=flat&logo=vuetify&logoColor=white)
![ElementPlus](https://img.shields.io/badge/Element_Plus-409EFF?style=flat&logo=element&logoColor=white)
![Shadcn UI](https://img.shields.io/badge/Shadcn_UI-000000?style=flat&logo=data:image/svg+xml;base64,...&logoColor=white) <!-- no real icon for this -->
![PrimeVue](https://img.shields.io/badge/PrimeVue-2E7D32?style=flat&logo=prime&logoColor=white)
![WindiCSS](https://img.shields.io/badge/WindiCSS-48B0F1?style=flat&logo=windi-css&logoColor=white)

### 🔄 State Management

![Zustand](https://img.shields.io/badge/Zustand-000000?style=flat&logo=zustand&logoColor=white)
![Redux](https://img.shields.io/badge/Redux-764ABC?style=flat&logo=redux&logoColor=white)
![Pinia](https://img.shields.io/badge/Pinia-FADA5E?style=flat&logo=pinia&logoColor=black)
![Composable API](https://img.shields.io/badge/Composable_API-42B883?style=flat&logo=vue.js&logoColor=white)

### 🌐 Data Fetching

![React Query](https://img.shields.io/badge/React_Query-FF4154?style=flat&logo=react-query&logoColor=white)
![Vue Query](https://img.shields.io/badge/Vue_Query-42B883?style=flat&logo=vue.js&logoColor=white)
![Fetch API](https://img.shields.io/badge/Fetch_API-000000?style=flat)
![Axios](https://img.shields.io/badge/Axios-5A29E4?style=flat)
![WebSocket](https://img.shields.io/badge/WebSocket-010101?style=flat)

### 🧰 Other Tools

![Firebase](https://img.shields.io/badge/Firebase-FFCA28?style=flat&logo=firebase&logoColor=black)
![Client/Server Components](https://img.shields.io/badge/Client/Server_Components-grey?style=flat)
![HLS.js](https://img.shields.io/badge/HLS.js-000000?style=flat)
![Swiper.js](https://img.shields.io/badge/Swiper-6332F6?style=flat&logo=swiper&logoColor=white)
![Responsive Design](https://img.shields.io/badge/Responsive_Design-007ACC?style=flat)
![Animations](https://img.shields.io/badge/Animations-FB8C00?style=flat)

---

## 🚀 Let’s Build Something Great Together!