Skip to content

Crypto Spring is a Web3.0 fundraising and non-fungible tokens marketplace that provides a safe environment for supporters of Burma Spring Revolution Civil Disobedience Movement through blockchain technology. Crypto Spring allows users to create, buy, sell and resell NFTs that represent their support for the movement and humanitarian aid/assistance.

License

Notifications You must be signed in to change notification settings

min-hinthar/cryptospring_nft_web3.0_marketplace

Repository files navigation

Crypto Spring

Crypto Spring is a Web3.0 NFT marketplace web application that allows users to create, buy, sell and resell unique digital assets on the blockchain. This project is inspired by the Burma Spring Revolution Civil Disobedience Movement and aspires to provides a safe environment for supporters of the Movement to create, showcase, buy, sell and resell NFTs that represent their support for the Movement, donate funds for humanitarian aid/assistance and receive rewards for their creativity and participation. Users can browse through various categories of NFTs, such as art, music, gaming, sports, etc., and filter them by price, popularity, rarity, etc. Users can also create their own NFTs by uploading their files, setting their metadata, and minting them on the blockchain. Users can also bid on NFTs, make offers, accept or reject them, and view their transaction history. Crypto Spring also supports voice control using Alan AI, which enables users to interact with the app using natural language commands.

Crypto Spring is a project that demonstrates how to build a Web3.0 NFT marketplace web app using Solidity and Next.js. Solidity is a programming language for writing smart contracts that run on the Ethereum blockchain. Next.js is a React framework for building fast and scalable web applications. Crypto Spring uses Hardhat to test and deploy smart contracts, Metamask to authenticate users and interact with the blockchain, Tailwind CSS to style the app, Context API for state management, and Alan AI for voice control.

Features

Crypto Spring has the following features:

  • Users can create NFTs that showcase their solidarity with the Burmese people, such as art, music, photos, videos, etc.
  • Users can buy and sell NFTs on the marketplace, and resell them for a profit or a loss.
  • Users can donate funds to the movement using ETH or other cryptocurrencies, and receive NFTs as tokens of appreciation.
  • Users can view the progress and impact of the movement, such as the number of supporters, funds raised, actions taken, etc.
  • Users can use voice control to interact with the platform using natural language commands.

Technologies

Crypto Spring is built using the following technologies:

  • [Solidity]: A programming language for writing smart contracts that run on the Ethereum blockchain.
  • [Next.js]: A React framework for building fast and scalable web applications.
  • [Tailwind CSS]: A utility-first CSS framework for styling web applications.
  • [Context API]: A React feature for managing global state.
  • [Alan AI]: A platform for adding voice control to web applications.
  • [Metamask]: A browser extension for interacting with the Ethereum blockchain.
  • [Hardhat]: A development environment for Ethereum smart contracts.
  • [OpenZeppelin Contracts]: A library of secure and reusable smart contracts.
  • [IPFS]: A distributed system for storing and accessing files.
  • [Pinata]: A service for pinning files to IPFS.

Installation

To install this project locally, you need to have Node.js (version 14 or higher), npm (version 6 or higher), and Metamask installed on your machine. You also need to have some ETH and some test tokens in your Metamask wallet. You can get some ETH from a faucet like [Rinkeby] or [Kovan]. You can get some test tokens from the mint.js script in the scripts folder.

Follow these steps to install this project:

  1. Clone this repository using git clone https://github.com/<your-username>/Crypto-Spring.git.
  2. Navigate to the project folder using cd Crypto-Spring.
  3. Install the dependencies using npm install.
  4. Compile the smart contracts using npx hardhat compile.
  5. Deploy the smart contracts to a local network using npx hardhat node.
  6. Copy the contract address and ABI from the terminal output and paste them in the config.js file in the src folder.
  7. Run the web application using npm run dev.
  8. Open your browser and go to http://localhost:3000.

Usage

To use this project, you need to connect your Metamask account to the web application. You can then create, buy, sell or resell NFTs on the marketplace, donate funds to the movement, and receive rewards for your support. You can also use voice control to interact with the web application using natural language commands.

Creating an NFT

To create an NFT, follow these steps:

  1. Click on the "Create" button on the navigation bar.
  2. Fill in the details of your NFT, such as name, description, price, category, etc.
  3. Upload your file and click on the "Create" button.
  4. Confirm the transaction on Metamask and wait for it to be mined.

Buying an NFT

To buy an NFT, follow these steps:

  1. Click on the "Marketplace" button on the navigation bar.
  2. Browse through the available NFTs and click on the one you want to buy.
  3. Click on the "Buy" button and confirm the transaction on Metamask.

Selling or reselling an NFT

To sell or resell an NFT, follow these steps:

  1. Click on the "My Collection" button on the navigation bar.
  2. Click on the NFT you want to sell or resell and click on the "Sell" button.
  3. Enter your desired price and click on the "Sell" button.
  4. Confirm the transaction on Metamask and wait for it to be mined.

Donating funds

To donate funds to the movement, follow these steps:

  1. Click on the "Donate" button on the navigation bar.
  2. Enter your donation amount in ETH or other cryptocurrencies and click on the "Donate" button.
  3. Confirm the transaction on Metamask and wait for it to be mined.

Using voice control

To use voice control, follow these steps:

  1. Click on the microphone icon on the bottom right corner of the web application.
  2. Allow access to your microphone if prompted by your browser.
  3. Say "Hello" to activate Alan AI and start a conversation.
  4. You can ask Alan AI questions or commands related to Crypto Spring, such as:
    • "What is Crypto Spring?"
    • "How do I create an NFT?"
    • "Show me NFTs related to music."
    • "Buy the first NFT."
    • "Sell my NFT for 0.5 ETH."
    • "Donate 0.1 ETH to the movement."
  5. To end the conversation, say "Bye" or click on the microphone icon again.

Screenshots

Here are some screenshots of the web application:

![Home page] ![Create page] ![Marketplace page] ![NFT details page] ![My collection page] ![Donate page]

License

This project is licensed under the MIT License. See the [LICENSE] file for more details.

Acknowledgements

This project is inspired by the course [Cryptoket JS Mastery] by JS Mastery Pro and the Burmese Spring Revolution Civil Disobedience Movement. The project aims to support the cause of democracy and human rights in Myanmar through Web3.0 and blockchain technology.

About

Crypto Spring is a Web3.0 fundraising and non-fungible tokens marketplace that provides a safe environment for supporters of Burma Spring Revolution Civil Disobedience Movement through blockchain technology. Crypto Spring allows users to create, buy, sell and resell NFTs that represent their support for the movement and humanitarian aid/assistance.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published