https://github.com/bravonatalie/nft-marketplace

A NFT marketplace that enables the creation, sale, and purchase of digital art as NFTs.
https://github.com/bravonatalie/nft-marketplace

dapp ethereum ethereum-dapp javascript react solidity truffle web3js

Last synced: about 11 hours ago
JSON representation

A NFT marketplace that enables the creation, sale, and purchase of digital art as NFTs.

• Host: GitHub
• URL: https://github.com/bravonatalie/nft-marketplace
• Owner: BravoNatalie
• License: mit
• Created: 2021-07-05T09:52:54.000Z (over 3 years ago)
• Default Branch: master
• Last Pushed: 2023-04-19T13:39:41.000Z (almost 2 years ago)
• Last Synced: 2023-11-07T15:10:13.343Z (about 1 year ago)
• Topics: dapp, ethereum, ethereum-dapp, javascript, react, solidity, truffle, web3js
• Language: JavaScript
• Homepage:
• Size: 21.7 MB
• Stars: 362
• Watchers: 12
• Forks: 228
• Open Issues: 4
• 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)

[![Made by NatalieBravo](https://img.shields.io/badge/made%20by-NatalieBravo-blueviolet?style=flat-square)](https://www.linkedin.com/in/nataliebravo/)



# 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/BravoNatalie/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.



## :page_with_curl: License

This project is under the **MIT license**. See the [LICENSE](https://github.com/BravoNatalie/NFT-Marketplace/blob/master/LICENSE) for more information.

## :mailbox_with_mail: Get in touch!





  





  

 




  Made with :coffee: and ❤️ by Natalie Bravo.