https://github.com/userconcept/catalog-react
Catalog of NFT/AI/WEB3 products, experimental creative project (React, Redux, TypeScript)
https://github.com/userconcept/catalog-react
Last synced: 5 months ago
JSON representation
Catalog of NFT/AI/WEB3 products, experimental creative project (React, Redux, TypeScript)
- Host: GitHub
- URL: https://github.com/userconcept/catalog-react
- Owner: userconcept
- Created: 2024-03-27T21:10:17.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-04-25T18:46:18.000Z (about 2 years ago)
- Last Synced: 2024-04-25T20:55:29.280Z (about 2 years ago)
- Language: TypeScript
- Homepage: https://userconceptart.com
- Size: 388 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# catalog-react
Catalog of NFT/AI/WEB3 products, experimental creative project (React, Redux, TypeScript).
## About project
This is catalog of NFT/AI/WEB3 products, experimental creative project. Items are independent images with visual categories: liquid, smoke, steel, plastic. I created all images and their names with friendly help of AI. Images are 8K quality for best viewing experience on large screens. You can buy NFTs of some images using "Buy item..." button on their pages. Button will redirect you to items lot on marketplace. If item is not for sale, button will redirect you to userconcept profile. You can view NFTs that are currently available for purchase by filter Currency: ETH. All smart contracts and transactions was executed only in ETH blockchain. Items was created and now stored decentralized, independent of marketplaces. If you want to buy some item, that not for sale - write me. I will resolve this issue. Technical stack of this project based on React ecosystem. Data is fetch in JSON object `{}` format, where keys are string identifiers of items with pattern: “category/name”. Values are objects `{}` with items data. Catalog is sort by popularity, filter by category and type of currency. “Load more...” button load new elements to catalog. Route of each product page is based on its identifier: “category/name”. HTML `` element load different copys of image, with different resolutions and formats (avif, webp, jpeg), depending of your device, screen, browser, with priority for high quality. Design of project based on Y2K style with elements of skeuomorphism and other trends, like large text in footer, large border radius of elements etc. Project in development status...
## Basic commands
Install dependencies:
`npm i`
Start development:
`npm run dev`
Build project:
`npm run build`
## Project page
[https://github.com/userconcept/catalog-react](https://github.com/userconcept/catalog-react)
## Project website
[https://userconceptart.com](https://userconceptart.com)