A full stack NFT marketplace built using react

Overview

Demo NFT Marketplace

Goals:

  • Concise code
  • Well typed
  • Modern react code using hooks + functional features
  • Code can be easily refactored
  • Easy for other developers to contribute and leverage the code
  • Fast. Server side rendering as much as possible
  • Extensible. Code in this project is useful in many dapps or as providing inspiration

Tech stack:

code

  • Typescript (default is JS [any type / untyped], typed where possible. Aiming for fully typed code a.k.a proper Typescript code) content frameworks
  • NextJs (React fairy dust. More is more. NextJs makes make aspects of react development a lot easier)

styles

  • Tailwind CSS + PostCSS (Tailwind supplies CSS, postCSS is the preprocessor)

ethereum dev tools

  • Hardhat (Based smart contracts dev suite)
  • Ethers (Because it's the standard library to interact with blockchain and is a well trodden library many developers have already navigated)
  • Web3Modal (It's nice yeah.. I'm not happy with the wallet integration code yet. It's a mess WIP)

DEVS START HERE

the 2 steps to success

  1. install tmux on your local machine if not installed already

  2. run source DEVS-RUN-ME-FIRST.sh

Starting the servers

  1. run start

or ./start.sh if you chose not to set up this projects aliases

Stopping the servers

  1. run stop

or ./stop.sh if you chose not to set up this projects aliases

Preview

nft_market_preview

You might also like...
An easy and straight forward full-stack web application boilerplate using Node.js Express as backend and React as frontend.

An easy and straight forward full-stack web application boilerplate using Node.js Express as backend and React as frontend. All packages are structured as Yarn Workspaces and written in Typescript. In addition, the web application can be built as Docker image using a multi stage built supported Dockerfile.

Learning to create environment for full stack serverless development using React and API (FARM)

page_type languages products description urlFragment sample javascript typescript azure functions Apps that can be used with as a starting point for s

Very simple full-stack application using React, Java Spring Boot, and PostgreSQL.

Very simple full-stack application using React, Java Spring Boot, and PostgreSQL. The API was built following the N-Tier architecture. The goal was to explore and learn more in-depth the development of APIs, the use of Docker and deploying with AWS.

Full Stack tutorial using ReactJS, NodeJS, Express and MySQL

Run this project If you want to try the finished project: Go to Start with MySQL to create the database Download the project Go to the client folder a

Boilerplate app for full-stack MERN app with Create React App client toolchain. Uses JWT for auth.

Boilerplate app for full-stack MERN app with Create React App client tool chain. Includes React, JWT authentication, Mongoose/MongoDB, Apollo Server/Client, and ExpressJS.

GraphQL first full-stack starter kit with Node, React. Powered by TypeScript
GraphQL first full-stack starter kit with Node, React. Powered by TypeScript

GraphQL first full-stack starter kit with Node, React. Powered by TypeScript

updated frontend template for full stack evm-based dapps. tools: typescript, hardhat, ethers, solidity, react

updated frontend template for full stack evm-based dapps. tools: typescript, hardhat, ethers, solidity, react

Test-task-fullstack-dashboard - Full-stack dashboard App With React.js
Test-task-fullstack-dashboard - Full-stack dashboard App With React.js

Test Task: Full-stack dashboard app Link to task Link to Figma template Live Dem

Buzzer Full Stack Development Assessment uses React and NodeJS to mimic social media functions

Buzzer-Full-Stack-Development-Assessment This project is a coding challange prov

Owner
Beau
Beau
NFTProject - An open decentralized NFT Marketplace built with smart contracts powered by Ethereum

#Ethereum mTC - NFT Marketplace This is an open decentralized NFT Marketplace bu

αlphα 7 Nov 19, 2022
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 126 Nov 22, 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 796 Nov 28, 2022
Create-t3-app - Interactive CLI to quickly set up an opinionated, full stack, typesafe NextJS project using the T3 Stack

create-t3-app Interactive CLI to quickly set up an opinionated, full stack, typesafe NextJS project using the T3 Stack Usage npm npx [email protected]

T3 Open Source 11.1k Dec 3, 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
Braian D. Vaylet 17 Oct 22, 2022
House marketplace built with React and Firebase

House Marketplace Find and list houses for sale or for rent. This is a React / Firebase v9 project from the React Front To Back 2022 course. Usage Geo

Brad Traversy 209 Nov 26, 2022
Full-stack React app built with Typescript, Bootstrap, Apollo client on the frontend, and NodeJS/Express, Typescript, Apollo server, and MongoDB/mongoose on the backend.

Event Scheduler App This project was bootstrapped with Create React App. Event Scheduler is a React app that allows users to create events. An event c

ahmed 8 Dec 1, 2022
Full Stack boilerplate with JWT Authentication - Built with React, Typescript, Node, Express, GraphQL, PostgreSQL, Redis, and Webpack

Full Stack boilerplate with JWT Authentication - Built with React, Typescript, Node, Express, GraphQL, PostgreSQL, Redis, and Webpack

Scott Jason 7 Sep 21, 2022
Nextacular 19 Dec 1, 2022