Vikash-8090-Yadav / BetaSTore

It is a marketplace where users can list their old items, and anyone can buy and resell them at a new price. After providing a review of a particular item, the user will receive an NFT as well.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

This project is built under BRB HACKATHON

Screenshot from 2023-11-27 00-20-14

It is a marketplace where users can list their old items, and anyone can buy and resell them at a new price. After providing a review of a particular item, the user will receive an NFT as well.

Biconomy Integration and Filecoin

  • EOA SIGN IN
  • Batch Transaction
  • Session key module
  • Paymaster for transaction sponsor
  • All metadata of the item is being stored on IPFS (Filecoin)

Store.Dapp MarketPlace

"BetaStore" is a dynamic platform where users can effortlessly list and purchase rare, vintage, and unique items in the form of NFTs. Our user-friendly interface allows individuals to upload images of their cherished possessions, which are then transformed into verifiable NFTs. These NFTs are made available on our open marketplace, enabling users to engage in transparent and secure transactions, confident in the knowledge that the items they are acquiring are one-of-a-kind and authenticated through blockchain technology..


📋 Table of Contents

Back to top

💡Introduction

Welcome to "BetaStore," a groundbreaking decentralized application (Dapp) that is set to revolutionize the online marketplace. Our platform enables users to trade unique items seamlessly through the utilization of non-fungible tokens (NFTs) and blockchain technology. With a user-centric approach, we are dedicated to providing a transparent and secure environment for buyers and sellers to engage in the seamless exchange of rare and distinctive items. Join us in exploring a new era of decentralized online trading, where trust and authenticity are paramount.

💡Our Vision

Our vision is to create a global ecosystem that democratizes education, making it accessible, affordable, and reliable for everyone. We believe that every individual has the potential to be both a learner and a teacher, and our Dapp is designed to empower them to do so. By harnessing the power of blockchain technology, we aim to remove intermediaries, reduce costs, and enhance trust in the educational marketplace.

▶️ Experience the Live Site by Clicking the Link Below


Deployed On URL
Vercel


🚀 Setting up the project locally

To run the BetaStore locally, follow these steps:

  1. Clone the repository:
git clone https://github.com/Vikash-8090-Yadav/BetaSTore
  1. Navigate to the project directory:
cd  BetaSTore/Frontend
  1. Node Re-versioning
export NODE_OPTIONS=--openssl-legacy-provider
  1. Install the dependencies:
npm install --legacy-peer-deps
  1. Start the development server:
npm run dev
  1. Access the dApp: Open your web browser and visit http://localhost:3000 to interact with the store application.

🔍The problem it solves

"BetaStore" solves a multitude of issues commonly faced in traditional online marketplaces, as well as some unique challenges posed by the digital asset environment. Some of the key problems it addresses include:

Trust and Authenticity: By leveraging blockchain technology, "BetaStore" ensures that all listed items are authenticated and unique, thereby eliminating concerns about counterfeit or misrepresented products. The transparent nature of blockchain provides users with a secure and trustworthy platform for buying and selling rare items.

Intermediary Elimination: The platform removes the need for intermediaries in the trading process, allowing users to engage in direct peer-to-peer transactions. This decentralization helps reduce costs and streamline the overall buying and selling experience, ensuring that users retain a more significant portion of the value generated from their transactions.

Global Accessibility: "BetaStore" provides a global marketplace where users from all corners of the world can participate in trading unique items. The platform's decentralized nature makes it accessible to anyone with an internet connection, thereby fostering a diverse and inclusive community of buyers and sellers.

Secure Transactions: Through the use of blockchain and NFTs, the platform ensures that transactions are secure and irreversible, mitigating the risks associated with fraudulent activities and ensuring that both buyers and sellers can engage in transactions with confidence.

Community Engagement: The platform fosters a community of like-minded individuals passionate about unique items, providing opportunities for engagement through discussions, forums, and events. This facilitates knowledge sharing and networking and enhances the overall user experience, making it more than just a transactional platform.


💥 Challenges we ran into

Smart contract:

  • Building scalable smart contracts is a challenging task that requires hard work and dedication. Despite the difficulties, we were able to make it happen. Our main challenge was to make the contract dynamic and responsive to all users. For instance, if a user adds a course, it should only be visible on their dashboard, not to everyone who logs in to the DApp.

  • Additionally, we faced significant difficulties in enabling users to resell courses. We wanted to allow users to buy and sell courses at different prices, and we had to ensure that the marketplace displayed the new price, but only to the user. Making it dynamic and connecting it to the marketplace was a challenge.

Account Abstraction:

  • I am a beginner in Account Abstraction and It's very difficult to manage all the transactions with the help of userops and payemaster.
  • Getting lots of errors in the Session module key.

Frontend:

  • The biggest challenge I faced was making the website compatible with the browser and the device. This is the first thing which is to be kept in mind as a front-end developer to ensure that the website looks good and performs well on all existing browsers and devices with different screen sizes.

The next thing was to deal with the performance of the website. Since, if the website gives good performance and does the task in a speedy manner then it can reach many problems and solve their issues. So, optimising the code is the next big task.

  • Debugging is another big challenge. Finding and fixing errors in code can be a tedious task at times. Developers can use browser dev tools, error consoles, and testing to debug their code effectively.

Back to top

TRACK

Filecoin

Screenshot from 2023-11-27 01-35-00

Biconomy

  • EOA SIGN IN Screenshot from 2023-11-27 01-06-35

  • Selling/ Creating ITEM At the time of creating ITEM Owner will send some METT tokens to the one who is creating the Item. Screenshot from 2023-11-27 01-07-39

  • Buying the Item Screenshot from 2023-11-27 01-10-36

  • Re-Listing the Item Screenshot from 2023-11-27 01-13-12

  • Donation/ Session key module Screenshot from 2023-11-27 01-17-47

Project Gallery

Home Page

Screenshot from 2023-10-15 07-52-45

Marketplace

Screenshot from 2023-11-27 00-37-44

Sell ITEAM

Screenshot from 2023-10-15 07-57-11

My Item

Screenshot from 2023-11-27 00-40-03

Dashboard

Screenshot from 2023-11-27 00-41-03

Review ITEM

Screenshot from 2023-11-27 00-41-19

Donate Us

Screenshot from 2023-11-27 00-43-23

🛠️Technologies we used

Next.js Tailwind CSS Hardhat ethers.js Polygon IPFS Powered by Ethereum

Technology Description URL
Next Js JavaScript framework for building server-rendered or statically-generated applications https://nextjs.org/
Tailwind CSS Utility-first CSS framework for rapidly building custom designs https://tailwindcss.com/
Hardhat Ethereum development environment https://hardhat.org/
Etherjs Ethereum JavaScript API https://docs.ethers.org/v5/
Polygon Polygon (formerly known as Matic Network) is a Layer 2 scaling solution for Ethereum that enables faster and cheaper transactions on the blockchain. It leverages Ethereum as its main backbone while adding its own network of sidechains, allowing for efficient scaling and interoperability with other Ethereum-based systems. https://polygon.technology/
Biconomy Cross-Chain Transaction Infrastructure for DApps https://docs.biconomy.io/

🎥 Video Demo

https://youtu.be/-2Wqw_Uj2Go

🤝 Contributing

Contributions to Algo-Media are always welcome! If you'd like to contribute, please follow these guidelines: Fork the repository.

Create a new branch for your feature or bug fix:

git checkout -b feature/your-feature-name

Commit your changes:

git commit -m 'Add some feature'

Push the branch:

git push origin feature/your-feature-name

Open a pull request.

We appreciate your contributions and thank you for helping us improve Algo-Media!


Project Contributors

🌐 Socials:

Project Contributor (Member)

Back to top ⬆️

Vikash Kumar Yadav

About

It is a marketplace where users can list their old items, and anyone can buy and resell them at a new price. After providing a review of a particular item, the user will receive an NFT as well.

License:MIT License


Languages

Language:JavaScript 65.0%Language:TypeScript 23.7%Language:Solidity 6.0%Language:CSS 5.2%