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();