About me

Hello ! I'm Haidar Ezio, a self-taught Front-end web developer 💻 and sometimes a Vlogger 🎥

I enjoy making and designing Websites using modern Web technologies ⚡ and carefully creating UI/UX that are visually appealing 🥶, unique for each project, and most importantly, functional as expected 💯.

Currently exploring fullstack development with tRPC and GraphQL

Additionally to Developing/Designing websites, I also I'm a Video Editor, working with Adobe Premier Pro since 2014, and other Adobe products like Adobe Illustrator, Adobe Photoshop & Lightroom, and a bit of Adobe After Effects.

Skills

My main area of work is Front-end development, with some knoweldge on Back-end Development 😅 (Client side and Design of the website).

HTML, CSS, Sass, JavaScript (Top 5% on LinkedIn assessment 🥳) and TypeScript, and Of course using React.js, specifically Next.js
Building responsive websites with an attractive UI on the client-side (Mostly Tailwind CSS these days).

Node.Js, Express.js with PostgreSQL and tRPC with Next.js
as the backend stack & Database of choice.

I also used Wordpress with Elementor as a web-page builder for smaller scale projects

Some Projects I made

DevRes - Developer Resources

A website that I made to help developers use resources that I found useful, while also flexing my skills with deploying a production app in Product hunt, as well as learning more about maintaining great performance and SEO.

  • Next.js
  • TypeScript
  • Jotai
  • TailwindCSS
Devres Website

DRIP. Landing Page

Worked on this project with a team of 3, to create a landing page for a startup that is currently in the works of creating a web3 gaming and Live streaming platform.

  • Next.js
  • TypeScript
  • Tailwind CSS
  • ThreeJS
DRIP website

KryptoSwiss

Worked on this project on my own to realize an NFT marketplace from a design at Exiade, a Creative Digital Agency providing services in Blockchain Development, and mainly Web3.0 dApps, the site has web3 authentication, with NFT minting, and hopefully, the NFT swapping functionality as a feature here all using ThirdWeb

  • Nextjs
  • WAGMI.js & RainbowKit
  • ThirdWeb
  • Styled Components
  • Tailwind CSS
KryptoSwiss website

Portfolio Website

A portfolio website for a friend of mine who's a photographer, showcasing his best work here with a nice round-cornered gallery, and a star animation on the first section you see.

  • Vanilla-tilt.js
  • Gulp Js
  • Animate on scroll library
macbook website image

NFT 1:1 Swapping

It's live on the Rinkeby Network, you can swap 2 NFTs ERC-721 between accounts using Trader-xyz's SDK, and I'll be making a componsation system underneath it, swapping an ERC-721 + ERC-20 token to compensate for another ERC-721 with a higher value

  • Next.js
  • Styled Components
  • Swap SDK by Trader-xyz
NFT website

Crimson Rock

A website that we're trying to build with a unique UI, really trying to flex our capabilities there, but for now, it's made with a simple js libray called granim, which gives off a gradient that changed to other predetermined gradients.

  • Granim.js
crimson website

Midnight's Insomnia

A podcast that i can talk freely in, about everything I'd find interesting and share it with other people who might have a similar taste, shared on Apple Podcasts, Spotify, Google Podcasts, Pocket Cast and more. with a visualization on Youtube under the same name

  • Adobe After Effects
  • Adobe Audition
midnights-insomnia website

Let's Talk !