https://github.com/elvis-ndubuisi/cryptoket

Fullstack Sveltejs NFT Marketplace web app
https://github.com/elvis-ndubuisi/cryptoket

cloudinary svelte vitest

Last synced: 16 days ago
JSON representation

Fullstack Sveltejs NFT Marketplace web app

• Host: GitHub
• URL: https://github.com/elvis-ndubuisi/cryptoket
• Owner: elvis-ndubuisi
• Created: 2023-04-13T09:26:35.000Z (over 1 year ago)
• Default Branch: master
• Last Pushed: 2023-05-26T10:25:59.000Z (over 1 year ago)
• Last Synced: 2024-11-06T20:31:32.269Z (2 months ago)
• Topics: cloudinary, svelte, vitest
• Language: Svelte
• Homepage: https://cryptoket-nft.vercel.app
• Size: 956 KB
• Stars: 5
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# **🎨 CryptoKet NFT Market Place 🤖**

![CryptoKet Screenshot](/screenshot.png)

**[✨ Preview CryptoKet 🌍]("https://cryptoket-nft.vercel.app")**

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



![Twitter Follow](https://img.shields.io/twitter/follow/trickthevick?style=social)

![Website](https://img.shields.io/website?down_message=inactive&up_message=active&url=https%3A%2F%2Fcryptoket-nft.vercel.app)



## **🧑‍🏭 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](https//designer) & downloaded for free at [UI8.com](https://ui8.com)

## **Contact Me 💓**

- [Visit Portfolio](https://elvis.js.cool)

- [DM on Twitter](https://twitter.com/trickthevick)

- [LinkedIn Profile](https://www.linkedin.com/in/elvisndubuisi/)