sharpWit / Web3FrontEndInterview

Web3 Front End Developer Interview Assignment

Home Page:https://web3-front-end-interview.vercel.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

web3-FrontendInterview

Foobar is a Python library for dealing with word pluralization.

Description

This application is a decentralized finance (DeFi) project built using React, TypeScript, ethers.js, Material-UI, Vite, and MetaMask. It empowers users to interact with Ethereum-based ERC-20 tokens seamlessly. The application provides features for minting new tokens and transferring them to other Ethereum addresses.

Key Features

Minting Tokens:

Users can mint new ERC-20 tokens by specifying the desired amount, leveraging the power of smart contracts on the Ethereum blockchain.

Token Transfer:

The application facilitates the secure and straightforward transfer of minted tokens to other Ethereum addresses, promoting seamless transactions.

MetaMask Integration:

Leveraging MetaMask, the app ensures a secure and user-friendly connection to the Ethereum blockchain, enabling users to interact with their wallets effortlessly.

Technology Stack

React and TypeScript:

The frontend of the application is built using React with TypeScript, ensuring a robust and statically-typed codebase.

ethers.js:

The integration of ethers.js enables smooth interactions with Ethereum smart contracts, enhancing the application's capabilities.

Material-UI:

The use of Material-UI ensures a modern and responsive user interface, enhancing the overall user experience.

Vite:

The application is developed with Vite for fast and efficient development, ensuring quick loading times and optimal performance.

MetaMask:

Integration with MetaMask provides a secure and familiar wallet experience for users, simplifying the connection to the Ethereum blockchain.

This DeFi application is designed to offer a straightforward and intuitive interface for users to mint and transfer ERC-20 tokens on the Ethereum blockchain securely. Whether you are new to DeFi or an experienced user, this app provides a user-friendly platform to engage with decentralized finance.

Saeed Khosravi

Hello! I'm Saeed Khosravi, the creator and developer of this DeFi application. With a passion for blockchain technology and decentralized finance, I set out to build a user-friendly platform that simplifies the interaction with Ethereum-based ERC-20 tokens.

Git Repository

The source code for this application is available on Git. Feel free to explore, contribute, or fork the repository. Your feedback and contributions are highly appreciated!

Git Repository Link: Web3FrontEndInterview

Installation

To set up and run the application locally, follow these steps:

Clone the Repository:

git clone https://github.com/sharpWit/Web3FrontEndInterview

Navigate to the Project Directory:

cd web3frontendinterview

Install Dependencies:

pnpm install

Run the Application:

pnpm dev

The application will be accessible at http://localhost:5173.

Feel free to reach out if you have any questions or need assistance with the installation process. Enjoy exploring the world of decentralized finance!

MetaMask Installation and Connection

To interact seamlessly with our DeFi application and access the full range of features, we recommend installing the MetaMask extension for your browser. MetaMask is a user-friendly wallet that allows you to securely manage your Ethereum assets and interact with decentralized applications.

Follow these simple steps to install MetaMask and connect to your wallet:

1. Install MetaMask:

Visit the MetaMask website.

Click on "Get Chrome Extension" or "Get Firefox Extension," depending on your browser.

Follow the instructions to add the extension to your browser.

2. Create or Restore Your Wallet:

Open MetaMask and either create a new wallet or restore an existing one using your seed phrase.

3. Connect to Our DeFi App:

Once your wallet is set up, visit our DeFi application.

MetaMask will prompt you to connect your wallet. Click "Connect" to establish a secure connection.

4. Explore and Enjoy:

You're all set! You can now explore the features of our DeFi application, mint tokens, transfer assets, and engage in decentralized finance activities.

Feel the freedom of managing your digital assets with MetaMask. If you encounter any issues or have questions, don't hesitate to reach out for assistance. Happy decentralized finance journey!

Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

License

MIT

About

Web3 Front End Developer Interview Assignment

https://web3-front-end-interview.vercel.app/


Languages

Language:TypeScript 78.9%Language:CSS 16.0%Language:HTML 2.7%Language:JavaScript 2.4%