MEMES.PARTY
MEMES.PARTY is the de facto meme site in web3 to rate, curate, celebrate, and proliferate meme culture and memelords in perpetuity!
Tech stack overview
We are using WEB3.storage to upload the memes on IPFS and Filecoin in conjunction with TypeScript, Next.js and Chakra-UI on the front-end. The backend is powered by a Python API using Django & PostgreSQL (That might shift into a GraphQL API to allow discoverability of new memes and real-time updates using subscriptions/pub-sub).
๐ Folder structure
.
โโโ packages # Monorepo using yarn workspaces & lerna
โ โโโ contexts # Global state containing the account, provider, etc
โ โโโ components # Dummy & functional compononents
โ โโโ views # the main "views" of the app, meme modal, create meme modal, etc
โ โโโ styles # theming options
โโโ ... misc...
๐โโ๏ธ Quick Start
Prerequisites
- Node
- Yarn
- Git
- Account and API key for WEB3.storage
- Account and API key for INFURA
Clone the repo
$ git clone https://github.com/mmmgtc/meme-museum.git
Setup env
Create your .env
files by copying the .example.env
and fill in the empty values.
$ cd packages/[dapp, hardhat and schemas]
$ cp .example.env .env
WEB3.storage account and API key
Create yourGo to https://web3.storage and set the value of WEB3STORAGE_TOKEN with your web3.storage API key.
- Login at the top right (Github or email/password)
- Go to account
- Create API key and copy it
- Paste/assign the value in your
.env
for theWEB3STORAGE_TOKEN
key)
Install dependencies
$ cd meme-museum && yarn install
๐ทโ Development
Start the ๐ฑ dApp:
$ yarn dev
๐ทโ Build it!
Build the ๐ฑ dApp:
$ yarn build
Deploy
The dapp is automatically deployed for every change on the staging
and main
branches.
- staging is the default development branch where features are being tested before being merged on main
- main is the production branch
Running your development environment using docker
make up
make in
yard dev
Access via http://localhost:3000