Technical assessment - Wassel

This is a minimalistic demo made for Technical Assessment purposes.

Table of Contents

1. Features
2. Folder Structure
3. Prerequisites
4. Getting Started
5. Deployment

Features

• Allows you to log into your MetaMask wallet
• Facilitates an easy transaction when logged in
• Search for a contract's name, symbol and balance if available
• Responsive design for mobile and desktop devices

Folder Structure

Below is an overview of the important files and folders in the WalletLabels project:

• components/: Contains reusable UI components and layout related components.
• hooks/: Contains custom React hooks used in the project.
• tsconfig.json: TypeScript configuration file.
• next.config.mjs: Next.js configuration file.
• package.json: Contains project dependencies and scripts.

Prerequisites

To run this demo locally, you need to have the following installed on your system:

• Node.js (v18.17 or later)
• npm (9.6.7 or later)

Getting Started

1. Clone the repository

git clone https://github.com/your-username/fn03-ta.git

2. Change the current directory to the project folder

cd fn03-ta

3. Install the required dependencies

npm i

4. Start the development server

npm run dev

5. Open your browser, and navigate to http://localhost:3000

Deployment

To deploy this demo, you can use any platform that supports Next.js applications, like Vercel or Netlify. Make sure to set your environment variables in your deployment platform.