Magic Square
Nov 2022 — Oct 2024
site:_ magicsquare.io
001:_About the company
Magic Square is a unique Web3 ecosystem where you can easily find the best Web3 projects. These projects are carefully chosen and reviewed by our active community, ensuring a high-quality and enjoyable Web3 experience for every user, regardless of their background.
002:_Roles
- Senior Frontend EngineerNov 2022 — Oct 2024
003:_Achievements
- Developed 65+ interfaces (dApps/CMSes/CRMs) with React, TypeScript, and Tailwind
- Transitioned from SPA to SSR, boosting performance and SEO
- Migrated from JavaScript to TypeScript, reducing bugs and improving maintainability
- Introduced a monorepo structure for streamlined code management
- Shifted from SCSS to Tailwind for faster styling workflows
- Built a UI kit (TypeScript, Tailwind, utility libraries) and a unified design system
- Integrated advanced authentication (OAuth, Turnstile, Google Captcha, Email, Wallet, Telegram, etc.)
- Developed dApps interacting with smart contracts and multiple wallets (Wagmi, WalletConnect, MetaMask SDK, etc.)
- Performed code reviews to maintain high standards and best practices
004:_Projects
- Web 3 App StoredAppmagicsquare.io/store
Magic Square is a unique Web3 ecosystem where you can easily find the best Web3 projects. These projects are carefully chosen and reviewed by our active community, ensuring a high-quality and enjoyable Web3 experience for every user, regardless of their background.
- StakingdAppmagicsquare.io/staking
Stake $SQR to earn top APR rewards & SQRp points. Secure & rewarding staking with Magic Square. Boost your portfolio now.
- LaunchpaddAppmagicsquare.io/launchpad
Explore the future of cryptocurrency with MagicSquare's Launchpad. Designed for innovative thinkers & investors, our platform offers exclusive access to new & exciting crypto projects.
- SwapdAppmagicsquare.io/swap
Trade with Magic Swap to earn Karma & $SQR. Enjoy the best rates and rewards powered by 1inch. Start your rewarding crypto journey on Magic Store now!
- Internal CMSCMS
Secure internal system that allows employees to create, edit and manage content across the platform. Under NDA.
- Internal CRMCRM
Internal system to manage interactions with current and potential customers. Under NDA.
005:_Stack
- Next
- React
- TypeScript, TS
- JavaScript, JS
- Web3.js
- Ethers.js
- Viem
- Wagmi
- Wallet Connect SDK
- MetaMask SDK
- Redux Toolkit
- HTML, HTML5
- CSS, CSS3
- Sass (SCSS syntax)
- Tailwind CSS
- Socket.IO
- Webpack
- Floating UI
- React Hook Form
- React Hot Toast
- React Toastify
- React Query
- Nx
- Sentry
- Swiper
- Ky
- Date Fns, Date Functions
- Lodash
- Google Tag Manager
- ClassNames
- Internationalization (i18n)
- Use Hooks TS
- Recharts
- Storybook
- ESBuild
- ESLint
- Prettier
- Image proxy
- Husky
- TypeChain
- Vite