Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/gnolang/memeland
Meme.land: A Gno-powered meme sharing platform where you can share and upvote memes. Built with React and the Gno programming language.
https://github.com/gnolang/memeland
adena dapp gno gnoland meme
Last synced: 3 months ago
JSON representation
Meme.land: A Gno-powered meme sharing platform where you can share and upvote memes. Built with React and the Gno programming language.
- Host: GitHub
- URL: https://github.com/gnolang/memeland
- Owner: gnolang
- Created: 2024-03-06T14:50:45.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2024-09-10T17:46:42.000Z (3 months ago)
- Last Synced: 2024-09-10T19:50:59.900Z (3 months ago)
- Topics: adena, dapp, gno, gnoland, meme
- Language: TypeScript
- Homepage: https://meme.gnoteam.com
- Size: 488 KB
- Stars: 4
- Watchers: 11
- Forks: 2
- Open Issues: 5
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- awesome-gno - meme.land - An image sharing application built using Gno, React and Vue. (Apps)
README
# meme.land - A Gno Meme Sharing Platform
**meme.land** is a meme (funny internet image) sharing platform built on top
of the Gno.land blockchain tech stack.
meme.land allows you to connect with your Gno.land wallet, share memes with your
friends and coworkers, and upvote the funniest ones.
Built using the [Gno.land](https://github.com/gnolang/gno) tech stack, meme.land utilizes the Gno programming
language for its backend, and a classic React UI using `vite`.
## Run meme.land locally
meme.land consists of a React frontend, and a Gno backend (smart contract).
The frontend and backend code can be found at `ui/` and `api/` respectively.
By following the steps below, you will be able to run your own local version of the meme.land realm with `gnodev`, as well as your local frontend with `vite`.
## Prerequisites
- NodeJS
- Yarn
- Go 1.21+
#### 1. Clone the meme.land repo
```bash
git clone [email protected]:gnolang/memeland.git
```
#### 2. Set up environment variables
Create a `.env` file in the `ui/` folder following the template found in
`.env.example`.
To do this, your `.env` file should contain the following:
```bash
VITE_CHAIN_ID=
VITE_CHAIN_RPC=wss:///websocket
VITE_REALM_PATH=
```
### 4. Set up a local development node with `gnodev`
`gnodev` is a tool that allows you to run a local Gno.land node effortlessly.
To get started, install `gnodev`. To do this, clone the Gno monorepo:
```bash
git clone [email protected]:gnolang/gno.git
```
From the root of the Gno repo, install the all the necessary binaries and
tools following the next steps:
1. Install the `gno` & `gnodev` binaries with the following command in the root of the cloned monorepo:
```bash
make install
```
2. Run the `gnodev` binary in the memeland repo, giving it paths
to the package and realm:
```bash
gnodev ./api/p/memeland ./api/r/memeland
```
Running this command will spin up a local node that the meme.land UI
will be able to connect to.
Make sure that the chain RPC endpoint that `gnodev` is running on matches the one
in the `.env` file.
#### 3. Start the frontend with `vite`
Start by running `yarn` in the `ui/` folder. After `yarn` has installed all of
the dependencies, run `yarn dev`.
### Conclusion
Congratulations! You are now officially running a local frontend connected to
meme.land!