└── README.md


/README.md:
--------------------------------------------------------------------------------
 1 | # 💫 About Me : 
 2 | 
 3 | I am a dedicated and adaptable frontend engineer with over 7 years of experience. I focus on delivering high-quality work and building well-structured, scalable applications. I collaborate effectively with cross-functional teams and enjoy tackling new challenges and solving complex problems. I’m always eager to learn, grow, and share my knowledge with others.<br/> 
 4 | my code font : APL2741 Unicode <br/>   
 5 |    
 6 | 📄 &nbsp;Please have a look at my [LinkedIn](https://www.linkedin.com/in/esrafil-elahi/) for more details about me 
 7 |   
 8 |   
 9 | ![Your Repository's Stats](https://github-readme-stats.vercel.app/api?username=esrafilelahi&show_icons=true)<br/> 
10 | 
11 | ![JavaScript](https://img.shields.io/badge/JavaScript-F7DF1E?style=for-the-badge&logo=javascript&logoColor=black)
12 | ![TypeScript](	https://img.shields.io/badge/TypeScript-007ACC?style=for-the-badge&logo=typescript&logoColor=white)
13 | ![react](https://img.shields.io/badge/React-20232A?style=for-the-badge&logo=react&logoColor=61DAFB) 
14 | ![vue](https://img.shields.io/badge/Vue-4EA94B?style=for-the-badge&logo=vue&logoColor=61DAFB)
15 | ![Next JS](https://img.shields.io/badge/Next-black?style=for-the-badge&logo=next.js&logoColor=white)
16 | ![Nuxt JS](https://img.shields.io/badge/Nuxt-green?style=for-the-badge&logo=nuxt.js&logoColor=white)
17 | ![reactnative](https://img.shields.io/badge/React_Native-20232A?style=for-the-badge&logo=react&logoColor=61DAFB)
18 | ![redux](https://img.shields.io/badge/Redux-593D88?style=for-the-badge&logo=redux&logoColor=white)
19 | ![vuex](https://img.shields.io/badge/Vuex-4EA94B?style=for-the-badge&logo=vuex&logoColor=white)
20 | ![zustand](https://img.shields.io/badge/zustand-500050?style=for-the-badge&logo=zustand&logoColor=orange)
21 | ![pinia](https://img.shields.io/badge/pinia-F7DF1E?style=for-the-badge&logo=pinia&logoColor=orange)
22 | ![nodejs](	https://img.shields.io/badge/Node.js-43853D?style=for-the-badge&logo=node.js&logoColor=white)
23 | ![mongodb](https://img.shields.io/badge/MongoDB-4EA94B?style=for-the-badge&logo=mongodb&logoColor=white)
24 | ![mysql](https://img.shields.io/badge/Mysql-00758F?style=for-the-badge&logo=mysql&logoColor=white)
25 | ![postgresql](https://img.shields.io/badge/postgresql-0064a5?style=for-the-badge&logo=postgresql&logoColor=white)
26 | ![mongoose](https://img.shields.io/badge/mongoose-CB3837?style=for-the-badge&logo=mongoose&logoColor=white)
27 | ![prisma](https://img.shields.io/badge/prisma-404D59?style=for-the-badge&logo=prisma&logoColor=white)
28 | ![sequelize](https://img.shields.io/badge/sequelize-007ACC?style=for-the-badge&logo=sequelize&logoColor=white)
29 | ![typeorm](https://img.shields.io/badge/typeorm-gray?style=for-the-badge&logo=typeorm&logoColor=red)
30 | ![expressjs](https://img.shields.io/badge/Expressjs-404D59?style=for-the-badge&logo=express&logoColor=white)
31 | ![Graphql](https://img.shields.io/badge/Graphql-black?style=for-the-badge&logo=Graphql&logoColor=red)
32 | 
33 | ![tailwind](https://img.shields.io/badge/Tailwind_CSS-38B2AC?style=for-the-badge&logo=tailwind-css&logoColor=white)
34 | ![MUI](https://img.shields.io/badge/-MUI-05122A?style=for-the-badge&logo=mui&logoColor=007FFF)&nbsp;
35 | ![chakra ui](https://img.shields.io/badge/chakra_UI-4EA94B?style=for-the-badge&logo=chakra-ui&logoColor=white)
36 | ![ant design](https://img.shields.io/badge/Ant_Design-gray?style=for-the-badge&logo=ant-design&logoColor=blue)
37 | ![primevue](https://img.shields.io/badge/primevue-38B2AC?style=for-the-badge&logo=primevue&logoColor=blue)
38 | ![vuetify](	https://img.shields.io/badge/vuetify-007ACC?style=for-the-badge&logo=vuetify&logoColor=white)
39 | ![bootstrap](https://img.shields.io/badge/Bootstrap-563D7C?style=for-the-badge&logo=bootstrap&logoColor=white)
40 | ![sass](https://img.shields.io/badge/Sass-CC6699?style=for-the-badge&logo=sass&logoColor=white)
41 | ![Atomic Design](https://img.shields.io/badge/atomic-design-CC6699?style=for-the-badge&logo=Atomic-Design&logoColor=pink)
42 | 
43 | ![monorepo](https://img.shields.io/badge/monorepo-00758F?style=for-the-badge&logo=Monorepo&logoColor=blue)
44 | ![NX](https://img.shields.io/badge/nx-%230db7ed?style=for-the-badge&logo=NX&logoColor=blue)
45 | ![Turborepo](https://img.shields.io/badge/Turborepo-007ACC?style=for-the-badge&logo=Turborepo&logoColor=violet)
46 | ![microfrontend](https://img.shields.io/badge/microfrontend-gray?style=for-the-badge&logo=microfrontend&logoColor=red)
47 | 
48 | ![pwa](	https://img.shields.io/badge/pwa-43853D?style=for-the-badge&logo=pwa&logoColor=white)
49 | ![webpack](	https://img.shields.io/badge/webpack-007ACC?style=for-the-badge&logo=webpack&logoColor=white)
50 | ![git](https://img.shields.io/badge/GIT-E44C30?style=for-the-badge&logo=git&logoColor=white)
51 | ![Postman](https://img.shields.io/badge/Postman-FF6C37?style=for-the-badge&logo=postman&logoColor=white) 
52 | ![github](https://img.shields.io/badge/GitHub-100000?style=for-the-badge&logo=github&logoColor=white)
53 | ![gitlab](https://img.shields.io/badge/GitLab-500050?style=for-the-badge&logo=gitlab&logoColor=orange)
54 | ![linux](https://img.shields.io/badge/Linux-FCC624?style=for-the-badge&logo=linux&logoColor=black) 
55 | ![Docker](https://img.shields.io/badge/docker-%230db7ed.svg?style=for-the-badge&logo=docker&logoColor=white)
56 | ![NPM](https://img.shields.io/badge/-NPM-CB3837?style=for-the-badge&logo=npm&logoColor=white)
57 | ![jwt](https://img.shields.io/badge/json%20web%20tokens-323330?style=for-the-badge&logo=json-web-tokens&logoColor=pink)
58 | ![Jira](https://img.shields.io/badge/jira-%230A0FFF.svg?style=for-the-badge&logo=jira&logoColor=white)
59 | ![pnpm](https://img.shields.io/badge/pnpm-F7DF1E?style=for-the-badge&logo=pnpm&logoColor=white)
60 | ![Trello](https://img.shields.io/badge/trello-007ACC.svg?style=for-the-badge&logo=trello&logoColor=white)
61 | ![Yarn](https://img.shields.io/badge/yarn-007ACC?style=for-the-badge&logo=yarn&logoColor=white)
62 | ![React Query](https://img.shields.io/badge/react_query-CB3837?style=for-the-badge&logo=reactquery&logoColor=white)
63 | ![jest](https://img.shields.io/badge/Jest-E44C30?style=for-the-badge&logo=jest&logoColor=white)
64 | ![vitest](https://img.shields.io/badge/vitest-F7DF1E?style=for-the-badge&logo=vitest&logoColor=green)
65 | ![React Testing Lirary](https://img.shields.io/badge/React_Testing_Lirary-CB3837?style=for-the-badge&logo=testing-library&logoColor=white)
66 | ![cypress](https://img.shields.io/badge/Cypress-404D59?style=for-the-badge&logo=cypress&logoColor=white)
67 | ![mapbox](https://img.shields.io/badge/Mapbox-100000?style=for-the-badge&logo=mapbox&logoColor=white)
68 | ![leaflet](https://img.shields.io/badge/leaflet-100000?style=for-the-badge&logo=leaflet&logoColor=red)
69 | ![websocket](https://img.shields.io/badge/websocket-F7DF1E?style=for-the-badge&logo=websocket&logoColor=white)
70 | ![vim](https://img.shields.io/badge/vim-grey?style=for-the-badge&logo=vim&logoColor=green)
71 | ![Axios](https://img.shields.io/badge/axios-blue?style=for-the-badge&logo=axios&logoColor=white)
72 | ![Chart.js](https://img.shields.io/badge/Chart.js-red?style=for-the-badge&logo=Chart.js&logoColor=red)
73 | ![eslint](https://img.shields.io/badge/eslint-007ACC?style=for-the-badge&logo=eslint&logoColor=white)
74 | ![prettier](https://img.shields.io/badge/prettier-323330?style=for-the-badge&logo=prettier&logoColor=pink)
75 | ![husky](https://img.shields.io/badge/husky-F7DF1E?style=for-the-badge&logo=husky&logoColor=green)
76 | ![storybook](https://img.shields.io/badge/storybook-43853D?style=for-the-badge&logo=storybook&logoColor=white)
77 | ![vite](https://img.shields.io/badge/vite-F7DF1E?style=for-the-badge&logo=vite&logoColor=orange)
78 | 
79 | 
80 | 
81 | 
82 | 
83 | 
84 | 
85 | 


--------------------------------------------------------------------------------