NFT Web Inventory Application

Welcome to the NFT Marketplace Web Inventory Application project! This application allows you to manage and display Non-Fungible Tokens (NFTs) in a marketplace. In this repository, you'll find a web application built using HTML, CSS, and JavaScript. It features interactive functionality, including the ability to add, remove, and modify NFT listings.

Link: https://alex-de-code.github.io/web-inventory-application-project/

Getting Started

To get started with this project, follow these steps:

###GitHub Repository Setup Create a new GitHub repository using the GitHub web interface. You can create a new repository with your desired name and settings.

Local Machine Setup

Clone the repository to your local machine using the following command.
Replace <repository_url> with the URL of your GitHub repository.
git clone <repository_url>

Project Implementation

Open the project files in your preferred text editor to implement the project requirements
as described in the HTML, CSS, and JavaScript files.

GitHub Pages Deployment

Deploy the application using GitHub Pages by following these steps:
    1. Go to your GitHub repository.
    2. Click on the "Settings" tab.
    3. Scroll down to the "GitHub Pages" section.
    4. Choose the branch you want to deploy (usually "main" or "master").
    5. Save the settings, and the application will be accessible via the provided GitHub Pages URL.

Project Structure

The project structure consists of the following files:

• index.html: The main HTML file that provides the structure and content of the web application.
• style.css: The CSS file responsible for styling the application.
• scripts/main.js: The JavaScript file for the core functionality of the application.
• scripts/generateNFT.js: The JavaScript file responsible for generating NFT listings.
• scripts/stockChanger.js: The JavaScript file that handles changing the stock status of NFTs.

Features

Main Page

• Header: Displays the title of the NFT marketplace.
• NFT Selector: Allows users to add new NFT listings with the following fields:
  • NFT Name
  • NFT ID
  • Choose Crypto Currency
  • Price
  • Is NFT In Stock
  • Reset and Submit buttons.

NFT Collection

• NFT Collection: Displays a list of existing NFT listings.
• Each NFT listing includes the following information:
  • NFT Name
  • NFT ID
  • Crypto Currency
  • Price
  • Stock Status (can be changed)
  • Remove NFT button for deletion.

Interactive Features

• Users can add new NFT listings by filling out the form and clicking the "Submit" button.
• Users can reset the form with the "Reset" button.
• Users can remove NFT listings by clicking the "Remove NFT" button.
• Users can change the stock status of NFTs by clicking the "In Stock" or "Out of Stock" buttons.

Additional Features

This project includes additional JavaScript files (generateNFT.js and stockChanger.js) that provide specific functionality for generating NFT listings and changing stock status.

Building Off This Project

You can add further improvements, such as responsive design or additional features.

Thank you for taking on this project, and we hope you enjoy building your Web Inventory Application for NFTs!