/figma-clone

JSM | Learning Purpose

Primary LanguageTypeScript

04 February 2024

Figma Clone

  • npm install fabric

  • npm install uuid

  • npm install tailwindcss-animate

  • npm install @liveblocks/client

  • npm install @liveblocks/react

  • npm install @liveblocks/react-comments

  • npm i -D @types/fabric

  • npm i -D @types/uuid

  • npm i -D prettier

  • npm i -D prettier-plugin-tailwindcss

  • npm i -D eslint-plugin-prettier

  • npx create-liveblocks-app@latest --init --framework react

  • npx shadcn-ui@latest init

Learning context:

  • mouse pointer event
  • usage of liveBlock
  • canvas drawing system...