W3FS Frontend is a project that utilizes Alchemy and Metamask services to provide seamless integration with the Metamask wallet. It allows you to check Metamask availability, connect your wallet, recover connection, handle wallet and account changes, list balances and view Network ID. Additionally, it enables you to sign messages using the Metamask wallet.

This project was generated with Angular CLI version 16.0.2.

1. Metamask Integration: W3FS Frontend leverages the Alchemy SDK and Metamask services to seamlessly integrate with the Metamask wallet, ensuring a smooth user experience.

2. Metamask Availability: You can easily check the availability of the Metamask wallet to ensure a proper connection before performing any blockchain-related actions.

3. Connect Wallet: W3FS Frontend allows you to effortlessly connect your Metamask wallet, establishing a secure and reliable connection to the Ethereum network.

4. Recover Connection: In case your wallet connection is lost, W3FS Frontend automatically initiates a recovery process, ensuring uninterrupted access to your Ethereum accounts and data.

5. Wallet and Account Changes: The project efficiently handles wallet and account changes, seamlessly updating the relevant information and keeping your application in sync with the current state of the connected wallet.

6. Get Provider: The project enables you to obtain information about the current provider, empowering you to make informed decisions based on the network environment you are interacting with.

7. Sign Messages: W3FS Frontend offers a convenient functionality to sign messages using the Metamask wallet, leveraging its secure key management to provide cryptographic signatures for data verification.

1. Clone the Repository:

   Open your terminal and run the following command to clone the repository:

   git clone https://github.com/Venture-Miner/w3fs.git

2. Install Dependencies:

   Navigate to the project folder and install the dependencies using Yarn:

   cd w3fs
   yarn install

3. Start the Frontend App:

   Run the following command to start the frontend application:

   yarn nx serve w3fs-frontend

4. Start the API:

   Start the backend API with the following command:

   yarn nx serve api

5. Access the Application:

   Open your web browser and enter the following URLs:

   • Frontend: http://localhost:4200
   • API: http://localhost:3000

To use the features provided by the W3FS Frontend project, ensure that you have the Metamask extension installed in your browser.

Once the application is running and you have Metamask installed, you can perform the following actions:

• Click on the "Connect Wallet" button to connect your Metamask wallet.
• If the wallet connection is lost, the application will attempt to recover the connection automatically.
• The application will handle wallet and account changes automatically and update the relevant information accordingly.
• After connecting the wallet, you can use and test the "Sign message" functionality to sign messages using the Metamask wallet.

W3FS Frontend leverages the following technologies:

• Alchemy SDK: The Alchemy SDK is utilized to interact with the Ethereum blockchain, providing simplified and efficient access to blockchain data and smart contract functionalities.

• Metamask: Metamask is a popular browser extension that serves as a bridge between web applications and the Ethereum network, allowing users to securely manage their Ethereum accounts and sign transactions.

• Web3: The project utilizes Web3, a JavaScript library, to interact with the Ethereum blockchain and Metamask. Web3 acts as a communication layer between the frontend application and the Ethereum network, enabling seamless integration and interaction with smart contracts and blockchain data.

Run yarn test to execute the unit tests via Karma.