rmx-party / choodle

a simple mobile-first doodling app that publishes to the blockchain

Home Page:https://choodle.xyz

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Choodle

Choodle

Draw onchain!

Choodle is a simple mobile-first doodling app that publishes to the blockchain. By enabling creative expression and ownership, Choodle seeks to bring the advantages of web3 technologies to typical users without friction.

Table of Contents

Features

Interactive canvas

  • Optimized for drawing on mobile touchscreens
  • "Undo" functionality to remove last line stroke from canvas
  • Text-based prompt for drawing, updatable via CMS (Sanity)

Image saving

  • Ability to save a black-and-white, aliased image with a 3:4 aspect ratio
  • Image saved with unique browser ID

Image sharing

  • Native sharing via "share" button allows user to save image, share via messaging application of choice, etc.

Architecture overview

Choodle consists of three main parts: the progressive web app client, a Sanity Studio instance, and the smart contract for holding a collection of Choodles as on-chain ERC721 tokens.

  • frontend: built with SvelteKit.
  • choodle-cms: a Sanity Studio application for viewing stored choodles, and static content for the interface.
  • contracts: the smart contract that holds the collection of choodles.

Developer workflow

frontend

To use the web client, run pnpm dev in the frontend/ directory, and connect to it on [http://localhost:5173/]

choodle-cms

To use Sanity Studio, run pnpm dev in the choodle-cms/ directory, and connect to it on [http://localhost:3333/]

contracts

We use Hardhat for building and testing smart contract code, and OpenZeppelin

Deployment

Use hardhat tasks to deploy smart contracts to local / testnet / mainnet as needed. We host the PWA and sanity client on Vercel, which has an easy configuration for automatically deploying Sveltekit based on repo updates.

Contributing

If you'd like to contribute to this project, please follow the steps below.

  1. Fork the repository
  2. Create a new branch: git checkout -b feature-name
  3. Make your changes and commit them: git commit -am 'Add some feature'
  4. Push to the branch: git push origin feature-name
  5. Submit a pull request

License

This project is licensed under the MIT License.

License

Links

Contact

Friends

About

a simple mobile-first doodling app that publishes to the blockchain

https://choodle.xyz

License:MIT License


Languages

Language:Svelte 47.3%Language:TypeScript 46.8%Language:CSS 2.1%Language:Solidity 2.0%Language:HTML 1.1%Language:JavaScript 0.7%