Activity DAO

Activity DAO is a community-driven platform for organizing and participating in events and activities.

Built with love by Potluck Labs

Features

Browse and join DAOs
Discover and RSVP to events
Activity feeds to stay up-to-date
Wallet integration for authentication

Tech Stack

Getting Started

Prerequisites

Node.js 14+
npm or yarn

Installation

Clone the repository

git clone https://github.com/ActivityDAO/activity-dao.git

Install dependencies
```
npm install
```
Set up environment variables Copy .env.example to .env.local and fill in the required values:
```
NEXT_PUBLIC_GITHUB_TOKEN=
NEXT_PUBLIC_WALLETCONNECT_PROJECT_ID=
NEXT_PUBLIC_ALCHEMY_ID=
NEXT_PUBLIC_NEYNAR_API=
```
Here's a guide on how to obtain the tokens and keys for each environment variable:

Environment Variables Setup

To set up your project, you'll need to obtain the following tokens and keys:

NEXT_PUBLIC_GITHUB_TOKEN

This is a GitHub Personal Access Token. To generate one:

Go to your GitHub account settings
Click on "Developer settings" in the left sidebar
Select "Personal access tokens" and then "Tokens (classic)"
Click "Generate new token (classic)"
Give your token a descriptive name
Select the necessary scopes (typically, "repo" is sufficient for most operations)
Click "Generate token"
Copy the generated token immediately, as it won't be shown again

NEXT_PUBLIC_WALLETCONNECT_PROJECT_ID

To get a WalletConnect Project ID:

Go to https://cloud.walletconnect.com/ and sign in or create an account
Create a new project
Add your project information (name and project homepage)
Select "WalletKit" as the SDK and "Javascript" as the platform
Create your project
Set the Allowed Domains list to include your project's URLs
Copy the project ID from the basic information section

NEXT_PUBLIC_ALCHEMY_ID

This is your Alchemy API key. To obtain one:

Create a free account on Alchemy (https://www.alchemy.com/)
Log in to your Alchemy dashboard
Click on "Create App" in the dashboard
Fill in the app details, selecting the appropriate network (e.g., Ethereum mainnet)
Click "Create app"
On the app's details page, you'll find your API key in the top right corner

NEXT_PUBLIC_NEYNAR_API

To get a Neynar API key:

Sign up for a Neynar account (https://neynar.com/)
After logging in, navigate to your dashboard
Look for an option to create or view API keys
Generate a new API key
Copy the API key for use in your project

Remember to keep these tokens and keys secure and never commit them directly to your repository. Use environment variables or a secure secrets management system to store them.

Run the development server
```
npm run dev
```
Open http://localhost:3000 in your browser

Project Structure

pages/ - Next.js pages
components/ - React components
styles/ - CSS styles
public/ - Static assets
data/ - Data files (include events.json and interests.json which catalog events, daos, and interests with forecaster channels)
contracts/ - Includes smart contracts
types/ - TypeScript types

Main Pages

Home
DAOs Explore -> DAO Page
Events
Feed -> Interest Page

Documentation

Design

Figma Designs

To Do GitHub Project Board

Finish design implementation
Complete handbook documentation
Set up custom domain and website
Add event and Luma integration
Build local JSON database for community contributions

PotLock / activity-dao

readme