๐จ 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