Skip to content

tndTool/PinterestNFT

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

35 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

About

Performer: Nguyễn Đức Toàn

Topic: Build a website like Pinterest (www.pinterest.com)

Requirement:

  • 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.

Date: 05/06/2023 - 15/06/2023

Status: Complete


Project

Pinterest Clone Project

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.

Directory Structure

+ Project folder structure: By kind

+ The project is divided into 2 parts: Client uses Reactjs, Server uses NodeJS

Table of Contents

  • Installation
  • Usage
  • Technologies Used
  • Contributing
  • License

Installation

To install and run the client and server, follow these steps:

  1. Clone the repository:
  2. https://github.com/tndTool/PinterestNFT.git
  3. Install the dependencies for the client and server:
  4. cd pinterest-clone/client
    npm install
    -------------------------
    cd ../server
    npm install
  5. Start the client and server:
  6. cd ../client
    npm start
    --------------------------
    cd ../server
    npm start
  7. Open your web browser and go to http://localhost:3000 to view the client.

Usage

To use the application, follow these steps:

  1. Connect to Metamask by clicking the "Connect" button on the home page.
  2. Convert an image link to an NFT by clicking the "Create Pin" button on the home page and entering the image link.
  3. View your created NFTs on your profile page by clicking the "Profile" button on the navigation bar.
  4. View all NFTs on the home page.

Technologies Used

The following technologies were used to build this project:

  • ReactJS
  • NodeJS
  • Metamask
  • Ethereum
  • Solidity

Contributing

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.

License

This project is licensed under the MIT License.

Releases

No releases published

Packages

 
 
 

Contributors