cryptoket Svelte Themes

Cryptoket

Fullstack Sveltejs NFT Marketplace web app

๐ŸŽจ CryptoKet NFT Market Place ๐Ÿค–

โœจ Preview CryptoKet ๐ŸŒ

This template should help get you started developing with Svelte in Vite.

๐Ÿง‘โ€๐Ÿญ User Actions

  • Login to account (authentication access)
  • Create a new item (Upload data + image)
  • Fetch Nft items.

๐Ÿ› ๏ธ Local setup ๐Ÿ–ฅ๏ธ

  • Clone repository
  • Install packages
  • Start cryptoKet

Tech Stacks & Framework

  • ๐Ÿฐ Frontend UI
    • SvelteJs: UI Library ๐Ÿ˜ƒ
    • TailwindCss: class-based ๐ŸŽจ CSS style
    • Iconify: Icon library ๐Ÿ‘ƒ
    • ViteJs: ๐Ÿค”
    • Vitest: Testing ๐Ÿงช
  • ๐Ÿ Backend & API ๐ŸŒต
    • MongoDB: Database ๐Ÿชฃ
    • ExpressJs : API & routes ๐Ÿ”Œ
    • JWT authentication ๐Ÿ”
    • Cloudinary: Image storage (cloud) ๐Ÿงƒ

Challenges & Observations

Stores in SvelteJs: The whole concept of external stores and states felt different at first. With expectations of using stores and states the same way I usually do in ReactJs and NextJs.

  • Passing functions as props: Passing props in svelte components is required using the export keyword. I always had to declare arrow functions using the let keyword. Although I intentionally ๐Ÿง avoided using the dispatch in Svelte.

Credits ๐ŸคŸ

The UI design figma file used for this project was created by the designer & downloaded for free at UI8.com

Contact Me ๐Ÿ’“

Top categories

Loading Svelte Themes