# Setup & Installation

## Prerequisites

* Node.js 18+
* npm or yarn
* A Web3 wallet (MetaMask, Rabby)
* Git

***

## Clone & Install

```bash
git clone https://github.com/eventlymarket/evently.git
cd evently/frontend
npm install
```

***

## Environment Variables

```bash
cp .env.local.example .env.local
```

Edit `.env.local`:

```env
NEXT_PUBLIC_PROFILES_ADDRESS=0x9F0708145BCCD1F5B16F610cB8a75A63fA4A9a24
NEXT_PUBLIC_MARKETS_V3_ADDRESS=TBD
NEXT_PUBLIC_USDM_ADDRESS=0xFAfDdbb3FC7688494971a79cc65DCa3EF82079E7
NEXT_PUBLIC_WALLETCONNECT_PROJECT_ID=your_project_id
NEXT_PUBLIC_SUPABASE_URL=your_supabase_url
NEXT_PUBLIC_SUPABASE_ANON_KEY=your_supabase_anon_key
NEXT_PUBLIC_URL=https://evently.market
```

WalletConnect Project ID: [cloud.walletconnect.com](https://cloud.walletconnect.com)

***

## Add MegaETH to MetaMask

| Setting      | Value                                                    |
| ------------ | -------------------------------------------------------- |
| Network Name | MegaETH Mainnet                                          |
| RPC URL      | `https://mainnet.megaeth.com/rpc`                        |
| Chain ID     | `4326`                                                   |
| Symbol       | `ETH`                                                    |
| Explorer     | [megaeth.blockscout.com](https://megaeth.blockscout.com) |

***

## Run Development Server

```bash
npm run dev
```

Open <http://localhost:3000>.

***

## Build for Production

```bash
npm run build
npm run start
```

***

## Deploy to Vercel

1. Push repo to GitHub
2. Import at [vercel.com](https://vercel.com)
3. Add environment variables in Vercel dashboard
4. Set primary domain to `evently.market`
5. Configure 301 redirects: `megamble.xyz/*` → `evently.market/*`
6. Deploy

***

## Design Tokens

```css
/* Brand colors */
--pink:  #F786C6;   /* Create market accent — use sparingly */
--blue:  #70BAD2;   /* Primary accent, logo "ly", UI highlights */
--green: #6DD0A9;   /* Action color — Buy / Yes buttons */

/* Neutrals */
--page:  #F9F8F5;   /* Page background (light mode) */
--card:  #FFFFFF;   /* Card surfaces */
--t1:    #111113;   /* Primary text */
--t2:    #52525b;   /* Secondary text */
--t3:    #a1a1aa;   /* Tertiary / muted text */

/* Dark mode */
--page:  #0a0a0b;
--card:  #111113;
--t1:    #f0edee;
```

## Typography

| Use            | Font           | Class           |
| -------------- | -------------- | --------------- |
| UI / Headings  | Geist Sans     | default body    |
| Numbers / Data | JetBrains Mono | `.font-numeric` |