Topic: Build a website like Pinterest (www.pinterest.com)
- Connect to metamask.
- Convert image link to NFT under existing contract.
- The profile page can show the NFTs that the user has created.
- Home page showing images from NFT contract.
- UI/UX: refer to Pinterest's UI/UX.
This project is a clone of Pinterest that allows users to connect with Metamask, convert image links into NFTs using a pre-existing contract, display user-created NFTs on their profile page, and display NFT images on the home page. The user interface and user experience are based on Pinterest.
+ Project folder structure: By kind
+ The project is divided into 2 parts: Client uses Reactjs, Server uses NodeJS
- Installation
- Usage
- Technologies Used
- Contributing
- License
To install and run the client and server, follow these steps:
- Clone the repository:
- Install the dependencies for the client and server:
- Start the client and server:
- Open your web browser and go to http://localhost:3000 to view the client.
https://github.com/tndTool/PinterestNFT.gitcd pinterest-clone/client
npm install
-------------------------
cd ../server
npm installcd ../client
npm start
--------------------------
cd ../server
npm startTo use the application, follow these steps:
- Connect to Metamask by clicking the "Connect" button on the home page.
- Convert an image link to an NFT by clicking the "Create Pin" button on the home page and entering the image link.
- View your created NFTs on your profile page by clicking the "Profile" button on the navigation bar.
- View all NFTs on the home page.
The following technologies were used to build this project:
- ReactJS
- NodeJS
- Metamask
- Ethereum
- Solidity
Contributions are welcome! If you'd like to contribute to this project, please fork the repository and create a pull request. For major changes, please open an issue first to discuss what you would like to change.
This project is licensed under the MIT License.