Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/futuresea-dev/nft-marketplace
NFT-Marketplace
https://github.com/futuresea-dev/nft-marketplace
css html javascript solidity
Last synced: 21 days ago
JSON representation
NFT-Marketplace
- Host: GitHub
- URL: https://github.com/futuresea-dev/nft-marketplace
- Owner: futuresea-dev
- License: mit
- Created: 2022-03-18T00:36:32.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2022-03-18T00:39:32.000Z (almost 3 years ago)
- Last Synced: 2024-11-15T15:11:41.080Z (3 months ago)
- Topics: css, html, javascript, solidity
- Language: JavaScript
- Homepage:
- Size: 19.9 MB
- Stars: 3
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
![License](https://img.shields.io/badge/license-MIT-737CA1?style=flat-square)
![Node_Badge](https://img.shields.io/badge/node-14.16.1-green?style=flat-square)
![Npm_Badge](https://img.shields.io/badge/npm-6.14.12-yellow?style=flat-square)
![React Badge](https://img.shields.io/badge/React-17.0.2-45b8d8?style=flat-square)
![Solidity_Badge](https://img.shields.io/badge/Solidity-%5E8.0.0-363636?style=flat-square)
![Truffle](https://img.shields.io/badge/Truffle-5.3.14-F0E8E0?style=flat-square)# Summary
- [About](#about)
- [Preview](#preview)
- [Architecture and Client-side Flow](#architecture)
- [Built with](#technologies)
- [How to Use](#how-to-use)
- [TODO](#todo)
- [License](#license)## :information_source: About
Galerie is a NFT Marketplace that enables the creation, sale, and purchase of digital art as NFTs.
## :framed_picture: Preview
Check out how it looks:
## :information_source: Architecture and Client-side Flow
## :gear: Built With
This project was developed with the following technologies:
#### **Frontend** React + JavaScript
- [React](https://pt-br.reactjs.org/)
- [Axios](https://github.com/axios/axios)
- [Redux](https://redux.js.org/)
- [Web3.js](https://web3js.readthedocs.io/en/v1.3.4/)
- [Material UI](https://material-ui.com/pt/)#### **Backend** Express
- [Express](https://expressjs.com/pt-br/)
#### **Blockchain and Smart Contracts** Solidity
- [Solidity](https://docs.soliditylang.org/)
- [Truffle](https://www.trufflesuite.com/)
- [Ganache](https://www.trufflesuite.com/ganache)## :joystick: How to Use
### Requirements
To run the application you'll need:
* [Git](https://git-scm.com)
* [Node](https://nodejs.org/)
* [Yarn](https://yarnpkg.com/) or [npm](https://www.npmjs.com/)
* [Truffle](https://www.trufflesuite.com/)
* [Ganache](https://www.trufflesuite.com/ganache)
* Clone the repository:
* ```$ git clone https://github.com/unicorn-talent/NFT-Marketplace.git ```Now go to project folder and run:
```bash
$ cd NFT-Marketplace# install the dependencies
$ yarn# run ganache
$ ganache-cli# deploy de contracts on the blockchain
$ truffle migrate# run the client-side
$ cd client
$ yarn
$ yarn start# run the backend
$ cd backend
$ yarn
$ yarn start
```## :page_with_curl: TODO
There are some things to be done in the project:
- State persistence;
- Revise front-end call to the buy and sell functions on the blockchain;
- Error handling;
- NFT cards to reflect the true information of price coming from the blockchain.