shane0821 / artopia Goto Github PK

View Code? Open in Web Editor NEW

2.0 1.0 1.0 139.5 MB

MSBD 5017 Group Project

Home Page: https://artopia-one.vercel.app/

License: MIT License

CSS 3.76% TypeScript 73.38% JavaScript 15.93% Solidity 6.93%

artopia's Introduction

Artopia

Introduction

This platform welcomes everyone to join in the creation, trading, and investment of NFTs. Artists can showcase their talent by minting their digital art as NFTs, while collectors can discover and invest in a wide range of unique and captivating digital artworks.

It guides users through the process of creating and listing their NFTs, offering intuitive tools and features that facilitate the creation of NFTs, making it accessible to users with varying levels of technical expertise.

Intended Users

Artists interested in generating AI-assisted art
Collectors and investors seeking NFTs
Tech-savvy individuals intrigued by AIGC technology
Ethereum enthusiasts and blockchain users

General Architecture

Tech Stack

Frontend

React, Next.js

Wallet Connection and Contract Interaction

MetaMask, RainbowKit, Wagmi, Viem

Backend

MongoDB

Contract Development

Solidity, Hardhat, Openzeppelin

IPFS

Pinata

Functionality

AI-generated Images
User Collections
Sharing
Copyright Protection
Mint
Auction on NFTs
Sell NFTs

Test and Deployment

To test our functionalities, you can directly visit our website: https://artopia-one.vercel.app/. Remember to install MetaMask and add Aries testnet.

If you want to deploy this project on your own, please refer to the .env_example file in /client and /contract and create your own .env file. You'll also have to redeploy smart contracts.

artopia's People

Contributors

Stargazers

Watchers

Forkers

shaun1280

create shemas under 'models/'
likes and views should be recorded only once for each address - art._id
likes can not be cancelled
number of likes and views should be recorded

Taks 2:

go to 'api/puglicGallery/[ardId]/route.js'
write POST functions to update likes and views
in 'api/publicGallery/rout.js', modify GET so that it can return number of views and likes for each piece of art, and whether a user of address address has viewed or liked the art.

I will test these for you.

navigation bar should contain:
- connect to wallet (if not logged in)
- user icon (if logged in)
- collection
  - jury collection
  - factory collection
- bid collection (auction)
- search
- create
- shopping cart

Front End: art deletion in create page

refine profile page

add navigation button to create page when prompt or art are empty
add 'add to auction' button and 'go to auction' button
redirect to homepage if not connected
add adaptive ui when addr != current user
add buttons for transaction
fix bug for displaying prompt

need more image resources for home page

metadata format adjustment

add ipfs:// prefix to cids
add width and height
do not add extra comma

auction contract

create auction contract
deploy contract

Users should be able to login via their MetaMask wallets
Users can view their personal info after logging, such as
- number of assessment
- number of sellout
- number of creation
- ...

Back end for public gallery

Switch branch to #38-back-end-public-gallery.

Task1

create 'api/publicGallery/route.js'
write a GET function to send back all art pieces marked as 'shared' = true. (similar to the GET in 'api/create/route.js')
art schema can be found in 'models/Art.js'.

Task2

create 'api/publicGallery/[artId]/route.js'
write a PATCH function to update 'shared' (shared = !shared) . (similar to the PATCH in 'api/create/[artId]/route.js')

You can do this with the help from bingchat. And I will test back end.

Go to https://github.com/kevinmulier/prompt-generator-stable-diffusion/blob/main/public/js/main.js
Copy Arrays of randomness from line 576 to 1829 in 'utils/randomPrompt.js'
Create a function generatePrompts
Inside generatePrompts
- randomly select a prompt word count from 20 to 50
- design an algorithm (can ask gpt) to randomly elements from Arrays of randomness, to form a pormpt.

I will test it.

custom chain & wallet connection

need to be able to connect to competition net

check prompt before minting img nft

check ownership of prompt before minting art
redeploy
change contract call in client

ui for generating image

Ref:

https://getimg.ai/text-to-image#

minted artwork
minted prompt

front end: art can still be shown when disconnection

front end: bid collection

move auction in nav bar to bid collection
hide eth balance in nav

DB update after minting

more ai image resources for home page

generate 100 images on: https://getimg.ai/text-to-image#
select images that you think is good
sample models:
- Dark Sushi Mix v2.25
- AbsoluteReality v1.8.1
- Also refer to this page: https://getimg.ai/guides/guide-to-selecting-and-using-stable-diffusion-ai-models
sample prompts:
- This anime tells the story of a handsome young man named Ao Jingming, who is cold, has short black hair and golden eyes, and uses styles such as smooth color combinations, light black and navy blues, cocoa-style art, anime art, colorful abstract faces, anime core, and neon hues
- anime artwork by phds, in the style of colorful abstraction, synchromism, layered portraits, shiny/glossy, color splash, colorful shapes, mingei
- cartoon of a woman in a golden hat and a cat, onmyoji detailed art, onmyoji, sun wukong, inspired by Pu Hua, heise jinyao, god of wealth, bian lian, inspired by Huang Shen, taoist priest, inspired by Hu Zaobin, onmyoji portrait, zhongli from genshin impact
- kitten anthropomorphism, a super mini White and orange kitten, big and aqua eyes, wearing a light pink sweater, sit at a desk and reading a book, room background, fairy tale light, nature light, hyperrealism, hyper details, hyper quality, realistic rendering, anthropomorphic, masterpiece, exquisite, amazing visual effects, pixar style, realistic PvC texture
- Close up of a super beautiful Chinese girl, 18 years old, aqua and big eyes, long eyelashes, round face, happy grin, long hair, wear light purple Plush cartoon rabbit pajamas, wearing plush cartoon rabbit hat, sitting at a desk and using laptop, romantic and dreamlike bedroom background, lovely, gorgeous, natural light, lens holas, glitter light, soft light, ambient light, star dotted, extreme iridescent reflection, hyperrealism, heyper-realistic details, heyper-realistic oil, gongbi, romantic atmosphere, luminous brushwork, in yanjun Cheng style, cenima-grade portrait photography, wide-angel lens, FHD, 8K, CG rendering, CG rendered
- 1girl, animal, bare_tree, bat, bird, black_cat, black_gloves, broom, castle, cat, crescent_moon, cross, crow, dress, full_moon, ghost, gloves, graveyard, halloween, happy_halloween, hat, jack-o'-lantern, jewelry, long_hair, moon, moonlight, night, night_sky, pumpkin, sky, solo, star_(sky), starry_sky, tombstone, tree, witch, witch_hat
- A super cute 5-year-old girl with a round face, snowy skin, bright and transparent eyes, long curly hair and cat ears on her head, wearing a delicate pale orange dress, grinning happily, beautiful, lovely, holding a pumpkin, dynamic posture, vivid expression, Halloween element decoration, dreamy and magical Halloween scenes, luminous strokes, soft colors, super realism and super image quality.
- anime girl with blue cloth and pink hair, in the style of realistic and hyper-detailed renderings, ivory, realistic figures, tondo, rococo style, 32k uhd, pink and cyan
- prompts shared on little red book
- prompts shared on this website: https://www.mewx.art/pc/gallery

buttons on the right should be hidden on small devices
the background color of artopia logo should be transparent
set default chain to aries

walletconnect needs domain verification

need to upload a text file containing the verification code under /.well-known/walletconnect.txt after deploying on vercel

beautify home page

refer to art sharing websites online and build an appealing homepage