Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/atinux/atidraw
Share your drawings with the world.
https://github.com/atinux/atidraw
auth cloudflare cloudflare-ai cloudflare-r2 nuxt nuxthub ssr vue
Last synced: 3 months ago
JSON representation
Share your drawings with the world.
- Host: GitHub
- URL: https://github.com/atinux/atidraw
- Owner: atinux
- Created: 2024-06-10T15:57:38.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2024-08-11T09:11:43.000Z (3 months ago)
- Last Synced: 2024-08-11T12:54:15.548Z (3 months ago)
- Topics: auth, cloudflare, cloudflare-ai, cloudflare-r2, nuxt, nuxthub, ssr, vue
- Language: Vue
- Homepage: https://draw.nuxt.dev
- Size: 1.17 MB
- Stars: 114
- Watchers: 1
- Forks: 7
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Atidraw
Share your drawings with the world with this [Nuxt application](https://nuxt.com) using [NuxtHub Blob storage](https://hub.nuxt.com/docs/storage/blob) (Cloudflare R2) and deployed on the Edge (Cloudflare Pages).
[![Deploy to NuxtHub](https://hub.nuxt.com/button.svg)](https://hub.nuxt.com/new?repo=atinux/atidraw)
## Links
- [Demo](https://draw.nuxt.dev)
- [NuxtHub docs](https://hub.nuxt.com)
- [Nuxt docs](https://nuxt.com)## Too lazy to draw?
https://github.com/Atinux/atidraw/assets/904724/85f79def-f633-40b7-97c2-3a8579e65af1
Now it's your turn! https://draw.nuxt.dev
## Features
- Image upload with [`hubBlob()`](https://hub.nuxt.com/docs/storage/blob)
- Auth with Google & GitHub based on [`nuxt-auth-utils`](https://github.com/Atinux/nuxt-auth-utils)
- Draw with [`signature_pad`](https://github.com/szimek/signature_pad)
- Deploy to the Edge with [nuxthub deploy](https://github.com/nuxt-hub/cli) using a [GitHub action](./.github/workflows/deploy.yml)## Setup
Make sure to install the dependencies:
```bash
pnpm install
```## Development Server
Start the development server on `http://localhost:3000`:
```bash
pnpm dev
```## Production
Build the application for production:
```bash
pnpm build
```## Environment Variables
Copy the `.env.example` file to `.env` and fill in the required environment variables:
```bash
cp .env.example .env
```You may want to create Google and GitHub OAuth applications.
## Deploy on the Edge
Deploy the application on the Edge with [NuxtHub](https://hub.nuxt.com):
```bash
npx nuxthub deploy
```Then manage the drawings of your users in the [NuxtHub Admin](https://admin.hub.nuxt.com).
You can also deploy using [Cloudflare Pages CI](https://hub.nuxt.com/docs/getting-started/deploy#cloudflare-pages-ci).