Nft-marketplace - Reactjs And Smart Contracts Open Source Basic Nft Marketplace App

Overview

Open Source Nft Marketplace [Onprogress %1]

Reactjs And Smart Contracts Open Source Basic Nft Marketplace App

Screenshoots

Home

Explore

explore

Todo

  • Search Filters
  • Connect Wallet (ETH Wallets)
  • Smartcontract Backend
  • Community Page
  • Explore Page Tabs
  • Login / Logout
  • Create Page
  • Users Pages
  • Collections

Alpha Release Date 30 January 2022

Getting Started with Create React App

This project was bootstrapped with Create React App.

Available Scripts

In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.

The page will reload when you make changes.
You may also see any lint errors in the console.

npm test

Launches the test runner in the interactive watch mode.
See the section about running tests for more information.

npm run build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

See the section about deployment for more information.

npm run eject

Note: this is a one-way operation. Once you eject, you can't go back!

If you aren't satisfied with the build tool and configuration choices, you can eject at any time. This command will remove the single build dependency from your project.

Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except eject will still work, but they will point to the copied scripts so you can tweak them. At this point you're on your own.

You don't have to ever use eject. The curated feature set is suitable for small and middle deployments, and you shouldn't feel obligated to use this feature. However we understand that this tool wouldn't be useful if you couldn't customize it when you are ready for it.

Learn More

You can learn more in the Create React App documentation.

To learn React, check out the React documentation.

Code Splitting

This section has moved here: https://facebook.github.io/create-react-app/docs/code-splitting

Analyzing the Bundle Size

This section has moved here: https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size

Making a Progressive Web App

This section has moved here: https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app

Advanced Configuration

This section has moved here: https://facebook.github.io/create-react-app/docs/advanced-configuration

Deployment

This section has moved here: https://facebook.github.io/create-react-app/docs/deployment

npm run build fails to minify

This section has moved here: https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify

Comments
  • Website showing only black screen when running 'npm start'

    Website showing only black screen when running 'npm start'

    Describe the bug When running npm start the react app opens but with only black screen and no components and features.

    Expected behavior The react app should open the home page with all components like header etc.

    Screenshots ss

    bug 
    opened by gaurav24072002 1
  • AR Support for 3D NFT's

    AR Support for 3D NFT's

    • [x] create useARSupport hook
    • [x] create ar component
    • [x] adding conditional rendering for useARSupport hook result
    • [x] add ar support for NFTCard
    • [x] add ar support for detail page
    • [x] add example 3d nft models
    enhancement design 
    opened by yessGlory17 1
  • start nft market issue

    start nft market issue

    I want to start nft market I allready run "npm install" and "npm audit fix" not have any error message

    when I run "npm start"

    it show error message like below

    Failed to compile.

    --------- error message start ------------

    Module.createRequire is not a function assets by path static/ 45.8 MiB assets by path static/media/ 39.4 MiB assets by path static/media/.glb 39.1 MiB asset static/media/AntiqueCamera.b6982ec7c34c448a74c7.glb 19.3 MiB [emitted] [immutable] [from: src/assets/models/AntiqueCamera.glb] (auxiliary name: main) asset static/media/BarramundiFish.cfc464a969cdd8a29f61.glb 11.9 MiB [emitted] [immutable] [from: src/assets/models/BarramundiFish.glb] (auxiliary name: main) asset static/media/Avocado.219d1b0f1f2f448d0f1c.glb 7.94 MiB [emitted] [immutable] [from: src/assets/models/Avocado.glb] (auxiliary name: main) asset static/media/splash.bf9b49e5da6a5c8cc4f1.png 207 KiB [emitted] [immutable] [from: src/assets/splash.png] (auxiliary name: main) asset static/media/logo.6ce24c58023cc2f8fd88fe9d219db6c6.svg 2.57 KiB [emitted] (auxiliary name: main) assets by path static/js/.js 6.49 MiB asset static/js/bundle.js 6.48 MiB [emitted] (name: main) 1 related asset asset static/js/node_modules_web-vitals_dist_web-vitals_js.chunk.js 6.9 KiB [emitted] 1 related asset asset index.html 1.02 KiB [emitted] asset asset-manifest.json 898 bytes [emitted] cached modules 5.94 MiB (javascript) 39.3 MiB (asset) 31.5 KiB (runtime) [cached] 609 modules

    ERROR in Module.createRequire is not a function

    ERROR in Error: Child compilation failed: Module.createRequire is not a function

    • child-compiler.js:169 childCompiler.runAsChild [nft-marketplace]/[html-webpack-plugin]/lib/child-compiler.js:169:18

    • Compiler.js:559 compile [nft-marketplace]/[webpack]/lib/Compiler.js:559:11

    • Compiler.js:1129 hooks.afterCompile.callAsync.err [nft-marketplace]/[webpack]/lib/Compiler.js:1129:17

    • Hook.js:18 Hook.CALL_ASYNC_DELEGATE [as _callAsync] [nft-marketplace]/[tapable]/lib/Hook.js:18:14

    • Compiler.js:1125 compilation.seal.err [nft-marketplace]/[webpack]/lib/Compiler.js:1125:33

    • Compilation.js:2782 finalCallback [nft-marketplace]/[webpack]/lib/Compilation.js:2782:11

    • Compilation.js:3087 hooks.afterSeal.callAsync.err [nft-marketplace]/[webpack]/lib/Compilation.js:3087:11

    • Hook.js:18 Hook.CALL_ASYNC_DELEGATE [as _callAsync] [nft-marketplace]/[tapable]/lib/Hook.js:18:14

    1 ERROR in child compilations (Use 'stats.children: true' resp. '--stats-children' for more details) webpack 5.65.0 compiled with 3 errors in 1011 ms

    --------- error message end ------------------

    did I do any thing wrong?

    please help me, thanks

    opened by dec721103 0
  • Chore login with unstoppable

    Chore login with unstoppable

    What this PR does

    • Add login with unstoppable option

    Description

    Login with Unstoppable allows owners of Unstoppable Domains to log in and share profile information with EVM-compatible applications. This gives users more control over their personal information and allows developers to access information about their users without needing to host or maintain a CRM database.

    The UAuth protocol extends the standard OpenID Connect (OIDC) authorization protocol with a simple wallet signature. This decentralized authorization process enables a better user experience and a closer relationship between applications and their users.

    To test

    • Simple pull this branch
    • Add the .env to add your unstoppable domain client id. This can be gotten from here
    • You will also need to have a registered unstoppable domain. This can be done here
    enhancement 
    opened by gconnect 0
  • Contracts

    Contracts

    Hey! I am the lead solidity dev for Cosmic Universe and Evoverses on the Harmony blockchain. I am about to rewrite a marketplace contract suite and would love to add it to your repo to take care of that portion for you.

    If that is something you want, let me know :)

    help wanted 
    opened by dirtycajunrice 2
  • Moar wallets

    Moar wallets

    Adds wallet connections for WalletConnect, WalletLink, Ledger, Fortmatic and Portis.

    Warning

    • Had to downgrade react-scripts to 4.0.3 due to https://github.com/facebook/create-react-app/issues/7709
    • Had to fix react-error-overlay to 6.0.9 due to https://stackoverflow.com/questions/70368760/react-uncaught-referenceerror-process-is-not-defined

    You need to add below variables to .env (you can get the keys for free from the websites of the services).

    • REACT_APP_INFURA_KEY
    • REACT_APP_FORTMATIC_PROD_KEY
    • REACT_APP_FORTMATIC_TEST_KEY
    • REACT_APP_PORTIS_DAPP_ID
    opened by burakkaraceylan 0
  • Support for more wallets

    Support for more wallets

    Currently only support is for metamask. More wallet connections are a must.

    I've started working on this here https://github.com/burakkaraceylan/nft-marketplace/tree/moar_wallets

    I added WalletConnect and intend to add more. I assumed Infura RPC nodes would be used so you have to set REACT_APP_INFURA_KEY environment variable. I also added .env to gitignore.

    It would be nice if you design a pop-up page that will open when the user clicks "connect" where he can choose which wallet to connect.

    enhancement 
    opened by burakkaraceylan 3
  • Card design

    Card design

    Hey bro, I think that the card design needs to be modified. Observing other trending marketplaces, I came to following improvements:

    1. Price should be changed to bid like last bid price. Because nfts are auctioned & not sold at any fixed price.
    2. Buy now should not be directly on the cards. Instead, when a user feels interested in the card he must click on the card. This will take him to that card-specific-webpage. This will allow us to put all the info,comments/opinions of others of that nft including the price.
    3. Nfts/cards should be arranged category-

    Also, I didn't get what you exactly mean by dark-nft & nft-hunting. Please explain.

    enhancement help wanted good first issue 
    opened by digambar-t7 1
Owner
Özgür
Özgür
An NFT Marketplace React dApp demo on the Polygon blockchain with basic functionalities such as acquire and mint NFTs using ERC721 Smart Contract and Interplanetary File System IPFS.

Polygon-NFT-marketplace generated from jellydn/dapp-starter Opinionated Dapp Starter Template Homepage - Marketplace NFT Minting Features The React Fr

null 129 Dec 31, 2022
Dinos-nft-minting-dapp - A nice and easy way for linking an existing NFT smart contract to this minting dapp

Welcome to HashLips ?? All the code in these repos was created and explained by

EtherCluster 1 Jan 6, 2022
Ethereum Nft Marketplace Boilerplate With React

ethereum-boilerplate-NFT-Marketplace This Project is a fork of Ethereum Boilerplate and demostrates how you can build your own NFT Marketplace. This p

Ethereum Boilerplates 803 Jan 1, 2023
A full stack NFT marketplace built using react

Demo NFT Marketplace Goals: Concise code Well typed Modern react code using hook

Beau 18 Oct 21, 2022
Web3-citizens-app - React application based on smart contract using web3 and MetaMask extention.

Citizens App (web3-react-redux) React application based on smart contract using web3 and MetaMask extention. Start the applicarion Recomend to install

Denys Voloshyn 3 Aug 25, 2022
Braian D. Vaylet 17 Oct 22, 2022
A Beautiful Open Source RSS & Podcast App Powered by Getstream.io

?? Notice: This repository is no longer maintained; No further Issues or Pull Requests will be considered or approved. Winds - A Beautiful Open Source

Stream 8.7k Dec 31, 2022
Payment Processor in smart contract and pay with crypto for business

Decentralized Pay With Crypto Implementation Tech Stack Node.js React Solidity S

Sercan ÇELENK 14 Sep 24, 2022
Electron-mirror - Electron application for Smart Mirror using React via the electron-react-boilerplate repository.

Electron-Mirror Electron application for Smart Mirror using React via the electron-react-boilerplate repository. Starting Development Start the app in

null 1 Feb 8, 2022
Smart-vscode - React micro-frontends component that loads vue

English | 简体中文 React micro-frontends component that loads vue   This is a single

第一名的小蝌蚪 193 Dec 12, 2022
Volt React is a free and open source admin dashboard template built in React.js and based on the latest version of the Bootstrap 5

Volt React is a free and open source admin dashboard template built in React.js and based on the latest version of the Bootstrap 5 CSS framework. It features over 100 UI elements, plugins, and example based built with React components.

Themesberg 690 Dec 29, 2022
Tail-kit is a free and open source components and templates kit fully coded with Tailwind css 2.0.

Tail-Kit A beautiful and large components and templates kit for TailwindCSS 2.0 Tail-Kit is Free and Open Source. It does not change or add any CSS to

null 2.5k Jan 4, 2023
Free and open-source MERN Stack CRUD Application built with React v17+, RRDv6+, Node.js, Express.js MongoDB and Mongoose ODM

?? MERN Stack CRUD Application Free and open-source MERN Stack CRUD Application built with React v17+, RRDv6+, Node.js, Express.js MongoDB and Mongoos

Henok R. Bedassa 20 Dec 19, 2022
Nextacular 19 Dec 1, 2022
👨‍🎨 An open-source portfolio template built with React and Tailwind.

??‍?? An open-source portfolio template built with React and Tailwind.

Brayden W 123 Jan 4, 2023
An ethereum, next.js, and react.js boilerplate using only open source libraries

An ethereum, next.js, and react.js boilerplate using only open source libraries

ilyxium 65 Dec 3, 2022
An ethereum, next.js, and react.js boilerplate using only open source libraries

An ethereum, next.js, and react.js boilerplate using only open source libraries

Yannik Sood 65 Dec 3, 2022
An open source software engineering study tool that allows users to create topic categories and save useful resources as flashcards.

GitGood An open source software engineering study tool that allows users to create topic categories and save useful resources as flashcards. Want to C

GitGood 22 Jun 26, 2022
Free Open Source High Quality Dashboard based on Bootstrap 4 & React 16

Airframe React High Quality Dashboard / Admin / Analytics template that works great on any smartphone, tablet or desktop. Available as Open Source as

null 3.8k Jan 5, 2023