Skip to content
View Aberratio's full-sized avatar
☕
☕
6 followers · 1 following

Achievements

Achievement: Pair ExtraordinaireAchievement: Pull Sharkx2Achievement: YOLOAchievement: Arctic Code Vault Contributor

Achievements

Achievement: Pair ExtraordinaireAchievement: Pull Sharkx2Achievement: YOLOAchievement: Arctic Code Vault Contributor

Block or report Aberratio

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 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
Aberratio/README.md

Hi, I'm Joanna (Asia) 👋

Senior full-stack engineer who lives mostly on the frontend.

🧩 About me

I build web apps, tools, and libraries with React + TypeScript/JavaScript.
I care about things that make products actually good: performance, accessibility, SEO, maintainable architecture and shipping.

I'm currently deep into AI-assisted development - not as a substitute for thinking, but as a power tool used with judgment. I know where AI accelerates work, where it's bad, and where it confidently makes stuff up. I still love coding without it too! 💜

🛠 What I do

  • Frontend-first fullstack: strong React ecosystem focus, Node.js on the backend when needed.
  • Accessibility nerd: WCAG, ARIA, audits, systematic fixes etc.
  • Process optimizer: automate the annoying bits, reduce friction, keep teams in flow.
  • Debugging detective: the weirdest problems are the most fun ones.

🚀 Now

  • Building and evolving a production app: iguanaflow.com
    (developed with Lovable + Cursor, continuously expanding AI features).
  • Learning React Native.
  • Following and practicing AI Safety (member of AI Safety Poland).

🧰 Stack

Frontend: React, TypeScript, JavaScript, Next.js (SSR/SSG), Redux, Zustand, HTML5, RWD, SEO, WCAG, webpack, Vite
Styling: CSS/SCSS, styled-components, Tailwind, Material UI, React Aria
Backend: Node.js + Express, REST API, SQL, GraphQL, GROQ
Testing: Cypress, Playwright
Infra: Docker, CI/CD
AI tooling: OpenAI, Copilot, Cursor, Lovable

More tooling I use (click to expand) 👇

Testing & API: Postman, Insomnia, Swagger, BrowserStack, Lighthouse
Analytics: Hotjar, Mouseflow, Analytics
UI/Design: Storybook, Figma
Version control: git (GitHub, GitLab, Bitbucket)
Monitoring: Sentry, Chrome DevTools, React DevTools
CMS/DB: Sanity.io, MySQL
Management: Jira, Confluence, Trello, Scrum

🎧 Tiny human facts

  • Too much coffee, lots of flow states.
  • I code to metal/rock (and anything with energy).
  • Tech is a means to an end. I use frameworks gladly, but sometimes "plain" is the cleanest solution.
  • You can message me in Polish / English / German.

🤝 Contact

Website: https://webcodesign.pl/m
LinkedIn: https://www.linkedin.com/in/joanna-kokot-it/
Email: [email protected]

Pinned Loading

  1. news-client news-client Public

    TypeScript 2 1

  2. news_content news_content Public

    TypeScript 1

  3. Play with grid Play with grid
    1 
    CSS Grid is a two-dimensional grid-based layout.
    2 
    
              
    
              
    
                3
                
    # When to use CSS Grid?
    
              
    
              
    
                4
                
    - user interfaces;
    
              
    
              
    
                5
                
    - overall layout on website.
    
              
    
          
    
    
    
  
    

    4. 

      

  4. 
  
    
    
    
      
    
        
        [Sanity.io v2] Sort and filter eleme...  [Sanity.io v2] Sort and filter elements in an array of references       
    

          
    
              
    
                1
                
    The code allows for arbitrary sorting and filtering of elements in an array of references in Sanity.io. 
    
              
    
              
    
                2
                
    
              
    
              
    
                3
                
    Supports Sanity.io version v2. 
    
              
    
              
    
                4
                
    
              
    
              
    
                5
                
    In the example given an array of references for two types, but you can limit it to one type or extend it as desired. 
    
              
    
          
    
    
    
  
    

    5. 

      

  5. 
  
    
    
    
      
    
        
        An example of using quards in React.   An example of using quards in React.       
    

          
    
              
    
                1
                
    import React from "react";
    
              
    
              
    
                2
                
    import { BlogItem, isLongPostBody } from "./types";
    
              
    
              
    
                3
                
    
              
    
              
    
                4
                
    const BlogItemPreview = (blogItem: BlogItem) => {
    
              
    
              
    
                5
                
      const { body, author, title } = blogItem;
    
              
    
          
    
    
    
  
    

    6. 

      
  6. 
  
    
    
    
      
    
        
    
            
          iguana-flow  iguana-flow          Public
        
    
      
    


      
    
        🦎 AI-built aerial arts training platform. React + TypeScript + Supabase. Live at iguanaflow.com | Built with Lovable & Cursor
      
    

      
    
          
  
  TypeScript


      
    
    
    
  
    

    7.