Own Cover

Note

Still In Development

Description

This is a simple web app that allows you to upload an image and get a cover of your choice.

Features

• Upload an image or Choose a cover.
• Customize the cover Text.
• Customize the cover Font CDN Source.
• Customize the cover Font.
• Customize the cover Mask Color.
• Customize the cover Icon.
• Support API server-side cover generation.
• Download the cover.

Google Font CDN:

• https://fonts.googleapis.com/css?family=%s
• https://fonts.loli.net/css?family=%s

%s is the fontfamily placeholder

Usage

Online Demo

You can try it out at Own Cover

Local Development

1. Clone the repository

git clone https://github.com/rr210/own-cover.git

2. Install the dependencies

pnpm install

3. Config the .env file

cp .env.example .env

NEXT_PUBLIC_UNSPLASH_API_KEY= your unsplash api key apply for unsplash api key

4. Run the Web

pnpm run dev

Using Dependencies

• nuxtjs
• tailwindcss
• nuxtui
• dom-to-image
• tinycolor2
• vue-pick-colors
• sharp
• node-canvas
• vue-photo-album

Build

Netlify

Vercel

Contribution

contributions of all forms are welcome including but not limited to beautifying the interface adding features improving the code fixing bugs etc.

License

MIT License © 2024-PRESENT Ryan Co