Abdelrahman Awad

@awad.dev

652 Followers 121 Following

Sr. Software Engineer @sentry.io • GDE in Web Technologies • Vue.js 💚• TypeScript 💙• OSS Maintainer • Host 🎙️ Untyped.fm • YYZ 🇨🇦 / CAI 🇪🇬

Form and function with Formwerk

A splash screen that reads "Introducing ... Formwerk, an Uncompormising quality for Vue.js Forms"

A summary of @logaretm's Git Unwrapped, it reads:

- 947 contributions within the 2024 year.
- Universal Rank: Top 5%
- Longest Streak: 21 Days
- Total commits: 948
- Most active month: November
- Most active day: Saturday
- Stars Earned: 13218
- Top Language: JavaScript
- Power Level: Ninja

Two nerds in a conference hall smiling at the camera.

Two nerds smiling in a large conference room with many attendees

A GitHub's "new sponsor" email notification snippet with the following content:

"You have a new sponsor, @mercedes-benz is now sponsoring you for 100 USD per month"

A snippet of code:

```
// directives/haptic.ts
type Modifiers = 'light' | 'medium' | 'heavy';

export const directive: Directive<HTMLElement, undefined, Modifiers> = {
mounted(el, { modifiers }) {
el.addEventListener('mousedown', () => {
Haptics.impact({ style: Object.keys(modifiers)[0] || 'light' });
});
},
};

// env.d.ts
declare module 'vue' {
// ...
export interface ComponentCustomProperties {
vHaptic: typeof import('./directives/haptic').directive;
}
}
```

Mouse, keyboard both colored Matt black with a small IEM headset.