https://github.com/danilo-89/sitting-cats-nft

Demonstrating NFT minting on the Polygon Mumbai test network
https://github.com/danilo-89/sitting-cats-nft

blockchain frontend minting-nfts nextjs nft nfts polygon react tailwindcss typescript wagmi

Last synced: 4 days ago
JSON representation

Demonstrating NFT minting on the Polygon Mumbai test network

• Host: GitHub
• URL: https://github.com/danilo-89/sitting-cats-nft
• Owner: danilo-89
• Created: 2023-07-16T10:28:07.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-04-06T18:37:32.000Z (8 months ago)
• Last Synced: 2024-04-14T16:59:56.729Z (7 months ago)
• Topics: blockchain, frontend, minting-nfts, nextjs, nft, nfts, polygon, react, tailwindcss, typescript, wagmi
• Language: TypeScript
• Homepage: https://sitting-cats-nft.vercel.app
• Size: 3.93 MB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## Introduction

🌐 Live: [sitting-cats-nft.vercel.app](https://sitting-cats-nft.vercel.app/)

🇸 Storybook: [sitting-cats-nft-storybook.vercel.app](https://sitting-cats-nft-storybook.vercel.app/)

The **Sitting CatsNFT** represents a small personal project aimed at showcasing the process of NFT minting on the Polygon Amoy test network.

![project preview](./readme/web-preview.png)

The Sitting CatsNFT collection is directly inspired by Julie de Graag's cat drawings, specifically her work ["Zittende kat" (Sitting Cat)](https://commons.wikimedia.org/wiki/File:Zittende_kat,_RP-P-1935-892.jpg).

![gallery preview](./readme/gallery-preview.gif)

## Running Locally

Clone project locally

Create **.env.local** file in the root directory (check .env.example to see what needs to be included)

Install dependencies:

```bash

npm install

# or

yarn install

# or

pnpm install

```

Run the development server:

```bash

npm run dev

# or

yarn dev

# or

pnpm dev

```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.

## Scripts

-   `npm run lint` | `yarn lint` | `pnpm lint` - run the linter to catch code style issues.

-   `npm run tsc` | `yarn tsc` | `pnpm tsc` - checks TypeScript files for type errors without producing output files.

-   `npm run vitest` | `yarn vitest` | `pnpm vitest` - run tests.

## Smart Contract

[thirdweb's NFT Drop contract](https://thirdweb.com/thirdweb.eth/DropERC721)

## QA

In addition to conducting unit tests for utility functions with Vitest, I had the privilege of collaborating with my friend and colleague, [Marko](https://linkedin.com/in/marko-milenkovic-ba9709280), a very talented QA Automation Engineer. He conducted exhaustive testing and developed comprehensive automated tests using Cypress. You can explore his work here: [sitting-cats-nft-test-automation](https://github.com/markomilenkovic546/sitting-cats-nft-test-automation).

## Contact

Whether you have inquiries or employment opportunities to discuss, feel free to get in touch.