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.

Maximum 250 characters. Please don’t include any personal information such as legal names or email addresses. Markdown is supported. This note will only be visible to 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

emailphoneresumecalendlylinkedintwitter

gh-pagegh-readme

aww-micky.web.app

<hr />

My Recent Projects

audiophile repofrisko-wave reporata-call repo

<hr />

Who I Am 😎

constMichael_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-stackstorybookgraphqlapollotrpcprisma

testing-libraryjestcypressplaywright

sanity.iocontentfulstrapiprismicstoryblokhygraph

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

typescriptvitenext.jsreact

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

sasstailwind-csstwin-macrostyled-componentsframer-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

zustandreact-queryreact-routerreact-hook-formzodky

What I deep dive into, experiment?
Framer Motionframer-motion
Three.jsthree.js
P5.jsp5.js
Green Sock (GSAP)green-sock
WebGLwebgl
SVG (Animation)svg
Canvascanvas
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-statstop-languages

github-contribution-grid-snake

readme-typing

💭 Ask Me Anything👀 Click Any Badge🤍 Open Source Software

(╯°□°)╯彡 ┻━┻ ๑๑๑ ミ ʕ•ᴥ•;ʔ

aww-micky.web.app

<hr />

Pinned Loading

  1. audiophileaudiophilePublic

    Audiophile - E-Commerce App

    TypeScript 1

  2. frisko-wavefrisko-wavePublic

    Frisko Wave - E-Commerce App

    TypeScript 1

  3. rata-callrata-callPublic

    RATA Call - Productivity App

    TypeScript 1

  4. awwmicky.github.ioawwmicky.github.ioPublic

    𝚆𝚎𝚕𝚌𝚘𝚖𝚎 𝚝𝚘 𝚖𝚢 𝙶𝚒𝚝𝙷𝚞𝚋 𝙿𝚘𝚛𝚝𝚏𝚘𝚕𝚒𝚘 📰

    SCSS 2