class WebDeveloper {
  constructor() {
    this.frontend = {
      Javascript: [
        "Vanilla js Framework",
        "TypeScript",
        ["React", "Next.js"],
        ["Redux", "MobX", "Effector", "Zusthand", "RxJS"],
        ["D3.js", "Chart.js", "Recharts"],
        "Jest",
        ["Webpack", "esbuild"],
        "GraphQL",
        ["Material-UI", "Ant Design", "Next-UI", "Chakra-UI"],
        "Solid.js",
        ["Vue.js", "Nuxt.js", "Quasar"],
        ["Vuex", "Pinia"]
        ["WebSocket", "Socket.io Client"],
        "WebRTC",
      ],
      CSS: [
        "Bootstrap",
        "Tailwindcss",
        ["Sass", "LESS", "Stylus", "PostCSS"],
        ["Flexbox", "Grid", "Animations"],
        ["CSS-in-Js", "styled-components"],
      ],
    };
    this.backend = {
      "Node.js": [
        ["Express", "Fastify", "Koa.js", "Nest.js"],
        ["Socket.io", "WebSocket"],
        "Passport",
        ["Mongoose", "Prisma", "TypeORM"],
      ],
      Python: ["Django", "FastAPI"],
      Golang: ["gRPC", "sqlboiler"],
      Database: ["SQL", "MongoDB", "Redis"],
      Documentation: ["Swagger", "Protocol Buffers"],
    };
    this.operations = ["Docker"];
    this.dreams = [
      "WebGL",
      ["Three.js", "Babylon.js"],
      "WebAssembly",
      "single-spa",
      "Bun"
    ];
  }

  static sayHi() {
    alert("Thanks for dropping by, hope you find some of my work interesting.");
  }
}

WebDeveloper.sayHi();