Getting Started with GAP frontend

Pre-Requisites

• node.js installed (>=18.17.0)
• typescript installed (developed on v5.3.3)
• yarn
• Web3 Wallet installed in your browser

Installation

Forkin the repository

Fork this repository by:

1. Clicking in the arrow aside from the fork
2. Unmark the option Copy the main branch only
3. Click Create fork

Cloning the repository

Open the VsCode or other IDE editor, and enter the following command in the cmd:

git clone https://github.com/YourUserName/gap-app-v2.git

Instaling dependencies

Install all package dependencies by running:

yarn install

Configure the .env.example file

1. Copy the .env.example file and paste it in the root directory
2. Remove the .example from the .env.example file name
3. Add your API keys in the .env file
4. Creating the keys to fulfill the .env file
   1. ALCHEMY_KEY: Follow this tutorial of the Alchemy Docs and fill the following keys: NEXT_PUBLIC_ALCHEMY_KEY(use base sepolia for this one), NEXT_PUBLIC_RPC_OPTIMISM, NEXT_PUBLIC_RPC_ARBITRUM, NEXT_PUBLIC_RPC_SEPOLIA and NEXT_PUBLIC_RPC_OPTIMISM_SEPOLIA
   2. PROJECT_ID: Create your account in this link and follow the instructions to generate a key
   3. NEXT_PUBLIC_MIXPANEL_KEY: Create your account in this and follow this tutorial

Running the application

First, run the development server:

yarn run dev

Open http://localhost:3000 with your browser.