chtushar/fabric-svelte

Setup

• Clone this repository
• Make sure you've Node v20 installed on your machine.
• Create .env.local file in the root directory and set GITHUB_PAT environment variable. GITHUB_PAT is GitHub's "personal access token" which can be obtained from GitHub's settings.
• In the root directory, run npm install command to install the dependencies.
• Run npm run dev command to run dev server.

TODO

• Setup Svelte
• Setup Fabric
• Setup Data Fetching from GitHub
• Implement Search
• Create Card
  • Basic Card
  • Has Image?
  • Has Username?
  • Has Name?
  • Click should open the profile
  • Alt + drag should drag the card
  • Implement Hover
• Make everything responsive
• Zoom and Pan
• Ctrl + S exports the card as images
  • Show them in a sidebar as a vertical list

Bonus:

• Smooth animations for delight