Skip to content
View awwmicky's full-sized avatar
๐Ÿ’ญ
๐Ÿ‘พ Loadingโ€ฆ
๐Ÿ’ญ
๐Ÿ‘พ Loadingโ€ฆ

Block or report awwmicky

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Please don't include any personal information such as legal names or email addresses. Maximum 100 characters, markdown supported. This note will be visible to only you.
Report abuse

Contact GitHub support about this userโ€™s behavior. Learn more about reporting abuse.

Report abuse
awwmicky/README.md

๐ŸŽˆ

  Hola, nice to meet ya ๐Ÿ‘‹

Got a project idea? Let's get in touch

email   phone   resume   calendly   linkedin   twitter

gh-page   gh-readme

aww-micky.web.app

<hr />

My Recent Projects

<hr />

Who I Am ๐Ÿ˜Ž

const Michael_Alvarez = {
  summary    : 'builds digital solutions for SaaS products & B2B marketing',
  roles      : [ 'Front-End Software Engineer', 'UI Developer', 'Problem Solver' ],
  interests  : [ 'Headless CMS', 'Serverless Functions', 'JAM Stack' ],
  key_values : [ 'curious', 'collaborative', 'creative' ],
  type_check : true && '~ ๐š–๐š˜๐š—๐š˜๐šœ๐š™๐šŠ๐šŒ๐šŽ ๐š›๐šž๐š•๐šŽ๐šœ ~',
  nickname   : ( 'micky' || 'zoda' ),
}

<hr />

What I know ๐ŸŒŽ

Tools I use on a daily basis

skill-icons

Tools I am interested to learn

jam-stack   storybook   graphql   apollo   trpc   prisma

testing-library   jest   cypress   playwright

sanity.io   contentful   strapi   prismic   storyblok   hygraph

What is my current tech stack?
BASE - Web Development
TypeScript        :: type safety transpiler
Vite              :: build tool
Next.js           :: SSR & SSG framework
React             :: js framework/library

typescript vite next.js react

UI - Component-Driven Development
Sass              :: css preprocessor
Tailwind CSS      :: css framework/library
Twin Macro        :: tailwind compiler tool
Styled-Components :: css-in-jsx
Framer Motion     :: react motion library

sass tailwind-css twin-macro styled-components framer-motion

API - Data-Driven Development
Zustand         :: global state management (for ui data)
React Query     :: async state management (for api data)
React Router    :: routing state management
React Hook Form :: form state management
Zod             :: schema declaration & validation
Ky              :: promise-based http request

zustand react-query react-router react-hook-form zod ky

What I deep dive into, experiment?
Framer Motion framer-motion
Three.js three.js
P5.js p5.js
Green Sock (GSAP) green-sock
WebGL webgl
SVG (Animation) svg
Canvas canvas
What challenges do I think about?

How to build from design system to ui library?

e.g. figma, zeplin, react, storybook

How to type check specific data?

e.g. async data, form data, generic props

How to integrate these technologies?

e.g. tRPC, Prisma, PlanetScale

How to compose content strategy for Headless CMS projects?

i.e. content structure, repeat content usage, real-time collaboration

How to improve & maintain web performance for build time?

i.e. import sizes, image optimizations, reusable components

How to manage service costs?

i.e. api usage, run server, data analytics

What otherly things can I learn to make?

  • creative coding
  • generative art
  • digital art (media, interactive)

<hr />

GH Stats ๐Ÿ“ˆ

github-stats top-languages

github-contribution-grid-snake

๐Ÿ’ญ Ask Me Anything   ๐Ÿ‘€ Click Any Badge   ๐Ÿค Open Source Software

(โ•ฏยฐโ–กยฐ)โ•ฏๅฝก โ”ปโ”โ”ป   เน‘เน‘เน‘ ๏พ ส•โ€ขแดฅโ€ข;ส”

aww-micky.web.app

<hr />

Pinned Loading

  1. audiophile Public

    Audiophile - E-Commerce App

    TypeScript 1

  2. frisko-wave Public

    Frisko Wave - E-Commerce App

    TypeScript 1

  3. rata-call Public

    RATA Call - Productivity App

    TypeScript 1

  4. awwmicky.github.io Public

    ๐š†๐šŽ๐š•๐šŒ๐š˜๐š–๐šŽ ๐š๐š˜ ๐š–๐šข ๐™ถ๐š’๐š๐™ท๐šž๐š‹ ๐™ฟ๐š˜๐š›๐š๐š๐š˜๐š•๐š’๐š˜ ๐Ÿ“ฐ

    SCSS 2

0 contributions in the last year

Contribution Graph
Day of Week April May June July August September October November December January February March April
Sunday
Monday
Tuesday
Wednesday
Thursday
Friday
Saturday
Less
No contributions.
Low contributions.
Medium-low contributions.
Medium-high contributions.
High contributions.
More

Contribution activity

April 2025

awwmicky has no activity yet for this period.
Loading