{"repo":"sanidhyy/figma-clone","free":true,"listed":false,"github":"https://github.com/sanidhyy/figma-clone","clone":"git clone https://github.com/sanidhyy/figma-clone.git","description":"A minimalist Figma clone using Fabric.js and Liveblocks for real-time collaboration.","language":"TypeScript","stars":30,"topics":["css","drawing-app","figma-clone","html","liveblock","liveblocks","next","nextjs","react","reactjs"],"license":"MIT","category":"ui-components","readme_excerpt":"A minimalist Figma clone using Fabric.js and Liveblocks for real-time collaboration. :notebook with decorative cover: Table of Contents - Folder Structure - Getting Started - Screenshots - Tech Stack - Stats - Contribute - Acknowledgements - Buy Me a Coffee - Follow Me - Learn More - Deploy on Netlify - Give A Star - Star History - Give A Star :bangbang: Folder Structure Here is the folder structure of this app. :toolbox: Getting Started 1. Make sure Git and NodeJS is installed. 2. Clone this repository to your local computer. 3. Create .env.local file in root directory. 4. Contents of .env.local : 5. Set Up Liveblocks 1. Create a Liveblocks Account : - If you don't have a Liveblocks account, sign up at Liveblocks. 2. Create a New Project : - After logging in, navigate to the Liveblocks dashboard. - Click on \"Create Project\" to set up a new project for Figma-Clone. - Provide a name for your project and create it. 6. Obtain the Liveblocks Public Key 1. Navigate to the Project Settings : - In your Liveblocks dashboard, select the project you created for Figma-Clone. - Go to the \"Settings\" or \"API Keys\" section. 2. Copy the Public Key : - You will find the \"Public Key\" under the API Keys section. Copy the public key that starts with pk dev and replace placeholder value in NEXT PUBLIC LIVEBLOCKS PUBLIC KEY with the copied value. 3. Save and Secure: - Save the changes to the .env.local file. 4. Install Project Dependencies using npm install --legacy-peer-deps or yarn install --leg","default_branch":null,"files":null,"tree":[],"storefront":"/r/sanidhyy","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/sanidhyy/figma-clone/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}