Merge branch 'dev' into feat/docker-deployment

.env.example

@@ -1,3 +1,4 @@
 NEXT_PUBLIC_API_BASE_URL= # Example: https://api.example.com
 NEXT_PUBLIC_PROJECT_ID= # ProjectID from WalletConnect
-NEXT_PUBLIC_TESTNET_MODE= # true or false
+NEXT_PUBLIC_TESTNET_MODE= # true or false
+NEXT_PUBLIC_TESTING_MODE= # true or false

.github/workflows/test.yml

@@ -19,7 +19,8 @@ jobs:
       - name: Create env file
         run: |
           touch .env
-          echo "NEXT_PUBLIC_API_URL=http://mock-api:3000" >> .env
+          echo "NEXT_PUBLIC_API_BASE_URL=${{ secrets.NEXT_PUBLIC_API_BASE_URL }}" >> .env
+          echo "NEXT_PUBLIC_TESTING_MODE=${{ secrets.NEXT_PUBLIC_TESTING_MODE }}" >> .env
 
       - name: run Cypress and Jest
         uses: cypress-io/github-action@v6

README.md

@@ -25,13 +25,15 @@ $ pnpm install
 ## ⚙️ Setting up env variables
 
 - Create `.env` file in the `root` folder and copy paste `.env.example` content in there.
+
 ```
 $ cp .env.example .env
 ```
+
 - Set up `NEXT_PUBLIC_API_BASE_URL` with ZKchainHub Backend API url. It will typically run on `http://localhost:3000`
-- (Optionally) 
-    - Set `NEXT_PUBLIC_PROJECT_ID` with your [Wallet Connect](https://walletconnect.com/) ProjectID
-    - Set `NEXT_PUBLIC_TESTNET_MODE ` with `true` to use testnet mode with testnet backend API URL set up in `NEXT_PUBLIC_API_BASE_URL`
+- (Optionally)
+  - Set `NEXT_PUBLIC_PROJECT_ID` with your [Wallet Connect](https://walletconnect.com/) ProjectID
+  - Set `NEXT_PUBLIC_TESTNET_MODE ` with `true` to use testnet mode with testnet backend API URL set up in `NEXT_PUBLIC_API_BASE_URL`
 
 ## 🏃 Running the app
 
@@ -41,9 +43,51 @@ $ pnpm run start
 
 To verify ZKchainHub UI is running open http://localhost:5173 in your browser
 
+## Deployment
+
+## 🏗️ Vercel deployment
+
+## Prerequisites
+
+1. **Vercel Account**: [Sign up](https://vercel.com) if you don’t have an account.
+2. **Vercel CLI**: Install the Vercel CLI by running:
+
+   ```bash
+   npm install -g vercel
+   ```
+
+## Deployment Steps
+
+1. **Authenticate with Vercel**: Run the following command and follow the prompts to log in
+
+   ```bash
+   vercel login
+   ```
+
+2. **Deploy Your Project**: Navigate to your project directory and run:
+
+   ```bash
+   vercel
+   ```
+
+Follow the prompts to configure your project.
+Vercel will automatically deploy your project and provide a live URL.
+
+3. **Set Environment Variables**: To add environment variables, use:
+
+   ```bash
+   vercel env add <name> <value>
+   ```
+
+**Additional Resources**
+
+- **[Vercel CLI Documentation](https://vercel.com/docs/cli)**: Find comprehensive information on using the Vercel CLI.
+- **[Vercel Documentation](https://vercel.com/docs)**: Access general Vercel documentation and guides.
+
 ## Development
 
 ### 💻 Conventional Commits
+
 We follow the Conventional Commits [specification](https://www.conventionalcommits.org/en/v1.0.0/#specification).
 
 ## Contributing
@@ -52,4 +96,4 @@ ZKchainHub was built with ❤️ by [Wonderland](https://defi.sucks).
 
 Wonderland is a team of top Web3 researchers, developers, and operators who believe that the future needs to be open-source, permissionless, and decentralized.
 
-[DeFi sucks](https://defi.sucks), but Wonderland is here to make it better.
+[DeFi sucks](https://defi.sucks), but Wonderland is here to make it better.

cypress/cypress.env.json

@@ -0,0 +1,4 @@
+{
+  "NEXT_PUBLIC_API_BASE_URL": "http://mock-api:3000",
+  "NEXT_PUBLIC_TESTING_MODE": "true"
+}

cypress/e2e/navigation.cy.ts

@@ -1,5 +1,6 @@
 describe('Navigation tests', () => {
   beforeEach(() => {
+    Cypress.env('NEXT_PUBLIC_API_BASE_URL', 'NEXT_PUBLIC_TESTING_MODE');
     cy.visit('/');
   });
 
@@ -16,6 +17,8 @@ describe('Navigation tests', () => {
 
     cy.getByTestId('search-bar').find('input').type('324');
     cy.getByTestId('chain-row').should('be.visible').click();
+
+    cy.getByTestId('chain-id').should('be.visible').and('contain', '324');
     cy.url().should('include', '/324');
 
     cy.getByTestId('home-breadcrumb').click();