https://github.com/victhormetanode/nft-shop

Mobile-only online shop for artworks; a functional demo crafted for an artist client. Explore, add to cart, and test payments via Stripe.
https://github.com/victhormetanode/nft-shop

nextjs sanity-io sass-library stripe-payments

Last synced: 5 months ago
JSON representation

Mobile-only online shop for artworks; a functional demo crafted for an artist client. Explore, add to cart, and test payments via Stripe.

• Host: GitHub
• URL: https://github.com/victhormetanode/nft-shop
• Owner: VicThorMetaNode
• Created: 2022-10-12T11:08:48.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2023-09-05T07:13:39.000Z (almost 3 years ago)
• Last Synced: 2025-02-11T14:54:34.117Z (over 1 year ago)
• Topics: nextjs, sanity-io, sass-library, stripe-payments
• Language: JavaScript
• Homepage: https://metanodes-lab-stripe.vercel.app
• Size: 67.4 MB
• Stars: 0
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Mobile-Only Artworks Online-Shop

Welcome to this demo of a Mobile-Only Multiple Pages Application that showcases an online-shop selling artworks. 

- Fully built with **NEXTJS** - **SASS** - **SANITY** - **STRIPE** & **FRAMER-MOTION**

## Background

This project was originally crafted as a demo for an artist client. The unique approach of this project was to limit the accessibility of the website to mobile devices only. While it may be seen as a controversial decision, it was to demonstrate the options available to the client.

**Note**: The project might not consistently adhere to best practices due to its demonstration nature.

## Features

- **Fully Functional**: Despite being a demo, the online-shop is fully functional. 

- **Interactive**: Feel free to:

  - Add or remove products from the cart.

  - Modify quantities.

  - Follow the guidelines to validate a sale with Stripe in the test version.

## Testing Payments

The shop is integrated with Stripe in the test mode. You can follow the provided guidelines to simulate transactions and explore the complete purchase process.

![gitHub](https://user-images.githubusercontent.com/98230162/218258028-f2d8beea-238a-4d70-b4f3-1dc1cece1e88.PNG)

🧰Tools used:

🗹 TypeScript

🗹 DaisyUi

🗹 RapidApi

🗹 Iconify

🗹 Playwright


📦NPM Packages used:

✔️Babel/core

✔️Chakra-ui

✔️FramerMotion

✔️Sanity/client

✔️Stripe/stripe-js

✔️Canvas-confetti

✔️Jquery

✔️React-hot-toast

✔️React-icons

✔️Sass

✔️Swiper


## Feedback

Any feedback or contributions to enhance the functionality or the codebase are welcome!