## MetaGame standalone: Profiles

### Problem:

MetaGame is built as a Monorepo, with about 10-15 pages, given we've committed to Chakra we are limited in how we can style our pages.

Given the Frontend build is around 1GB, and the amount of bugs accumulated over the years the performance of individual pages is unsatisfactory.

### Analysis:

Profiles are traditionally a very simply system to build, we require a CRUD db, which currently exists and is configured for profiles.

Given most of the MetaGame players must at some point create a profile. It is one of the mandatory pages for anyone to use, and based on how appealing it is we could generate a lot of new users when someone shares their personal or Guild profile.

### Solution:

1. Begin breaking up Monorepo by creating a standalone page which renders Guild/Player profile data from Hasura.
2. Use tailwind/css to have full power over customisation of the site styles
3. Use NextJS /app directory build
4. Make it easy to share the profile VIA socials
5. Allow customisation of profile
6. Create forms externally or link to Original metagame site for profile creation & setting up leaderboards

### Brainstorming:

In new site:
- Read only, profiles
- Share modal that allows user to copy their link, or show a QR code

In MetaGame backend:
- Collect email on signup (in MetaGame)
- If choose torus
- We use that email if consent to send over metagame material including.

Features offered initially:
- Free profile analytics
- A way to easily accept payments via address (how?)

## Where to start

### Step 1 Setup a repository:

- Next.js
- /app dir
- Apollo connects to Hasaura, GQL
- CSS Modules
- Analytics, via Tagging

#### Components needed:

- Image
- UL, LI
- Modals / Dialog
- Containers

### Step 2 Begin porting web3 integrations existing in MG (Sorted based on importance):

#### Players:

- NFT Gallery
- Guild Memberships, including DAOs from DAOHaus or deepdao, or snapshot
- Badges (Quests/Playbooks) (MG will becoming a filtering authority on competence)
- Dework
- POAP, ENS, etc..
- Ceramic

#### Guilds:

- Show username
- BIO
- A list of players sorted by leaderboard pos if available otherwise just randomly, or by duration in guild? - rows of players should be links to the player page
- Announcements
- Potential earnable badges (quests playbooks)
- Links

#### Hopes:

- Minimal libraries
- Very Fast
- Mobile first design

## Ultimate Goal:

- Position MetaGame as a matchmaker for GUILDS, DAOS, AND CONTRIBUTORS
- Split up and modernise our services for improved performance and UI/UX
- Recreate hype for MetaGame

#### Inspiration:

- Disco: https://irl.disco.xyz/
- linktr.ee: https://linktr.ee/warsawinternational
- MetaGame site: https://metagame.wtf/me

#### Actual Repo:

- Repo: https://github.com/MetaFam/MetaLinks

### POTENTIAL FEATURES

- Buy me a coffee
- Set up a meeting with me
- Superfluid subscriptions
- Mint your MetaLink as an NFT
- Attestaitions, credibility, recommendations
- Link to content you consume (connect APIs like Github, spotify, youtube)