shivashanmuganathan/rental-marketplace-frontend

Uncollateralized NFT Rental Marketplace. Users can list their NFT for rent by specifying the rental details. Renters can rent the NFT by paying only the rental price. The Rented NFT can be claimed by the NFT owner, once the rental period ends

💎NFT Rental Marketplace 💸Collateral Free Renting🆓

💎Check Out 🔔 nft-rental-marketplace.netlify.app

Project Description 📝

💎Fullstack NFT Rental Marketplace Dapp ✨Collateral Free Renting✨

• NFT Owners can rent their NFT by specifying the name, description, rental duration, and rental price.
• Anyone can rent the NFT from the Rental Marketplace by paying the rental price.
• The Renter will not be able to transfer the rented NFT to anyone.
• After the end of the rental duration, either the renter, owner or anyone can call finishRenting function to transfer the NFT from Renter to the NFT Owner.

About Frontend 🎨🖌

Project Is Deployed On Vercel

This project consists of five pages

• Home - Displays all NFTs listed for rent in the rental marketplace
• Create NFTs - Users can create their own NFTs by filling all the details in this page
• My NFTs - Users can view the NFTs they have created
• Rented NFTs - Users can view the NFTs they have rented
• Claimable NFTs - Users can view all NFTs that is past the rental duration

Working Explained In Detail

Working Explained In Detail

• Anyone who has created a ERC721 contract with additional functions similar to NFT.sol can list their NFTs for Rent in the Marketplace.
• When an owner lists a NFT for rent in the Marketplace, the ownership of the item will be transferred from the owner to the marketplace.
• Anyone can rent the NFTs listed in the marketplace by paying rent.
• When a user rents a NFT, the rental price will be transferred from the buyer to the seller and the NFT will be transferred from the marketplace to the renter.
• The Renter will not be able to transfer the NFT to anyone, because the NFT.sol contract prevents the token transfer while it is on rent.
• Finish Renting function will enable anyone to end the renting process, and return the NFT to the NFT Owner.

The marketplace owner will be able to set a listing fee. This fee will be paid by the NFT owner when listing NFT in the renal marketplace, and transferred to the contract owner, enabling the owner of the marketplace to earn recurring revenue from any listing transacted in the marketplace.

Directory Structure 📂

• pages/{componenet-name.js} ⏩ Pages folder contains all components of the dapp.
• contracts ⏩ NFT Rental Marketplace and NFT Smart contracts that are deployed in the Polygon Mumbai Test Network.
• test ⏩ Tests for Smart Contracts.

How To Run This Project Locally 🏃🏾‍♂️💨

Clone This Repo

git clone https://github.com/ShivaShanmuganathan/rental-marketplace-frontend
cd rental-marketplace-frontend

Install Dependencies

npm install

Run The Frontend

npm run dev

Working Explained In Detail 📃

• Anyone who has created a ERC721 contract with additional functions similar to NFT.sol can list their NFTs for Rent in the Marketplace.
• When an owner lists a NFT for rent in the Marketplace, the ownership of the item will be transferred from the owner to the marketplace.
• Anyone can rent the NFTs listed in the marketplace by paying rent.
• When a user rents a NFT, the rental price will be transferred from the buyer to the seller and the NFT will be transferred from the marketplace to the renter.
• The Renter will not be able to transfer the NFT to anyone, because the NFT.sol contract prevents the token transfer while it is on rent.
• Finish Renting function will enable anyone to end the renting process, and return the NFT to the NFT Owner.

The marketplace owner will be able to set a listing fee. This fee will be paid by the NFT owner when listing NFT in the renal marketplace, and transferred to the contract owner, enabling the owner of the marketplace to earn recurring revenue from any listing transacted in the marketplace.

Test Coverage Report 🛸

Gas Report ⛽

Demo GIF 🎥