https://github.com/yawar-abass/yawar-abass

https://github.com/yawar-abass/yawar-abass

Last synced: 3 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/yawar-abass/yawar-abass
• Owner: yawar-abass
• Created: 2022-05-04T14:20:51.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2024-04-25T13:41:08.000Z (8 months ago)
• Last Synced: 2024-11-08T13:35:25.720Z (about 2 months ago)
• Size: 106 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


Hi 👋, I'm Yawar Abass

A Passionate Programmer





  


  


-  🚀 Hi, I'm Yawar Abass,  a passionate self-taught Frontend Developer dedicated to crafting visually stunning and user-centric web experiences. Proficient in cutting-edge technologies like React, Next.js, and Tailwind CSS, I specialize in translating design concepts into responsive and high-performing code. 

  

- 💻 Previously: Frontend Developer at Wudav Brand Stories.

  

- 💻 Currently: Freelance Frontend Developer (React and Next.js).

- 👥 Worked with almost 10+ Clients

- 🌱 I’m currently learning **Backend Development (Node.js)**

-  📫 How to reach me **[email protected]**



Connect with me:











  







🔧 Technologies & Tools
 


- Languages: HTML/CSS, JavaScript, Python, Java, C.

- Frameworks & Libraries: React.js, Next.js, Tailwind CSS, Shadcn UI, Bootstrap, Gsap, Redux Toolkit,  ReactNative, Node.js, Express.js, Mongoose.

- Databases: SQL, MongoDB

-  Tools:  Git & GitHub, Azure, Vscode, Figma, Andriod Studio, Postman, Vercel, WordPress.



![HTML5](https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge&logo=html5&logoColor=white)

![CSS3](https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge&logo=css3&logoColor=white) 

![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge&logo=javascript&logoColor=%23F7DF1E) 

![TypeScript](https://img.shields.io/badge/typescript-3670A0?style=for-the-badge&logo=typescript&logoColor=white) 

![Java](https://img.shields.io/badge/java-%23ED8B00.svg?style=for-the-badge&logo=openjdk&logoColor=white) 

![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB)

![Nextjs](https://img.shields.io/badge/Nextjs-black.svg?style=for-the-badge&logo=next&logoColor=%2361DAFB)

![TailwindCSS](https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=for-the-badge&logo=tailwind-css&logoColor=white)

![Bootstrap](https://img.shields.io/badge/bootstrap-%238511FA.svg?style=for-the-badge&logo=bootstrap&logoColor=white) 

![Shadcn ui](https://img.shields.io/badge/shadcn-%234ED1C5.svg?style=for-the-badge&logo=shadcnui&logoColor=white) 

![Redux](https://img.shields.io/badge/redux-%23593d88.svg?style=for-the-badge&logo=redux&logoColor=white) 

![React Router](https://img.shields.io/badge/React_Router-CA4245?style=for-the-badge&logo=react-router&logoColor=white)

![React Hook Form](https://img.shields.io/badge/React%20Hook%20Form-%23EC5990.svg?style=for-the-badge&logo=reacthookform&logoColor=white)

![NodeJS](https://img.shields.io/badge/node.js-6DA55F?style=for-the-badge&logo=node.js&logoColor=white) 

![Express.js](https://img.shields.io/badge/express.js-%23404d59.svg?style=for-the-badge&logo=express&logoColor=%2361DAFB) 

![MongoDB](https://img.shields.io/badge/MongoDB-%234ea94b.svg?style=for-the-badge&logo=mongodb&logoColor=white) 

![React Native](https://img.shields.io/badge/react_native-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB) 

![Zod](https://img.shields.io/badge/Zod-%2300C43C.svg?style=for-the-badge&logo=Zod&logoColor=white) 

![Python](https://img.shields.io/badge/python-3670A0?style=for-the-badge&logo=python&logoColor=ffdd54) 

![Expo](https://img.shields.io/badge/expo-1C1E24?style=for-the-badge&logo=expo&logoColor=#D04A37) 

![GithubPages](https://img.shields.io/badge/github%20pages-121013?style=for-the-badge&logo=github&logoColor=white)

![Firebase](https://img.shields.io/badge/firebase-%23039BE5.svg?style=for-the-badge&logo=firebase) 

![Figma](https://img.shields.io/badge/figma-%230AC97F.svg?style=for-the-badge&logo=figma) 

![Vercel](https://img.shields.io/badge/vercel-%23000000.svg?style=for-the-badge&logo=vercel&logoColor=white) 

![Netlify](https://img.shields.io/badge/netlify-%23000000.svg?style=for-the-badge&logo=netlify&logoColor=#00C7B7)

![Postman](https://img.shields.io/badge/Postman-%230081CB.svg?style=for-the-badge&logo=postman&logoColor=white) 

![NPM](https://img.shields.io/badge/NPM-%23CB3837.svg?style=for-the-badge&logo=npm&logoColor=white)