Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/builde7b0b/moonburgers-nft-landing
A ReactJS Website made for a ethereum based NFT Project "Moon Burgers" Or "Buzz Burgers Club"
https://github.com/builde7b0b/moonburgers-nft-landing
nfts react reactjs website
Last synced: 16 days ago
JSON representation
A ReactJS Website made for a ethereum based NFT Project "Moon Burgers" Or "Buzz Burgers Club"
- Host: GitHub
- URL: https://github.com/builde7b0b/moonburgers-nft-landing
- Owner: builde7b0b
- Created: 2023-01-09T13:54:01.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2023-12-13T23:40:00.000Z (about 1 year ago)
- Last Synced: 2024-11-23T13:15:55.453Z (3 months ago)
- Topics: nfts, react, reactjs, website
- Language: JavaScript
- Homepage: https://buzzburgers.netlify.app/
- Size: 10.4 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Buzz-Burgers
This is a ReactJS website created for an Ethereum-based NFT project called "Moon Burgers" or "Buzz Burgers Club". The website serves as a platform for users to view and purchase NFTs from the collection.![Example image](https://i.imgur.com/fvtRru8.png)
## Table of Contents
- Features
- Requirements
- Installation
- Usage
- Contributing
- License## Sitemap
![Example image](https://i.imgur.com/IddWkSL.png)## Features
- View and browse the NFT collection
- Purchase NFTs using cryptocurrency
- Connect to a wallet to manage NFTs## Requirements
To run this project, you will need the following installed on your system:- Node.js (v12 or later)
- NPM (v6 or later)
- MetaMask or a similar Ethereum wallet extension## Installation
Clone the repository to your local machine.
Install dependencies using npm install.
Create a .env file in the project root directory and add the following variables:
```
REACT_APP_INFURA_ID=[Infura project ID]
REACT_APP_CONTRACT_ADDRESS=[Contract address]
REACT_APP_NETWORK_ID=[Ethereum network ID]
REACT_APP_API_KEY=[API key for NFT metadata]
```
Start the development server using npm start.## Usage
To use the website, follow these steps:- Connect to an Ethereum wallet using MetaMask or a similar extension.
- Browse the NFT collection and select an NFT to purchase.
- Confirm the transaction and wait for it to be processed.
- Manage your NFTs by connecting to your wallet and viewing your collection.## Contributing
Contributions to this project are welcome. To contribute, please follow these steps:- Fork the repository.
- Create a new branch for your feature or bug fix.
- Make your changes and commit them with descriptive commit messages.
- Push your changes to your branch.
- Create a pull request with a description of your changes.## License
This project is licensed under the MIT License. See the LICENSE file for details.