Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/cesswhite/digital-signature
Generate, customize, and download your digital signature instantly using our intuitive canvas interface.
https://github.com/cesswhite/digital-signature
drawing-app nuxt3 nuxt4 nuxtjs nuxtjs-project opensource vue
Last synced: about 16 hours ago
JSON representation
Generate, customize, and download your digital signature instantly using our intuitive canvas interface.
- Host: GitHub
- URL: https://github.com/cesswhite/digital-signature
- Owner: cesswhite
- Created: 2024-08-27T22:07:37.000Z (about 1 month ago)
- Default Branch: main
- Last Pushed: 2024-08-28T00:00:26.000Z (about 1 month ago)
- Last Synced: 2024-09-13T23:46:33.055Z (14 days ago)
- Topics: drawing-app, nuxt3, nuxt4, nuxtjs, nuxtjs-project, opensource, vue
- Language: Vue
- Homepage: https://signature.ecostudios.dev/
- Size: 110 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Signature | Digital Signature in Seconds
Look at [Nuxt docs](https://nuxt.com/docs/getting-started/introduction) and [Nuxt UI docs](https://ui.nuxt.com) to learn more.
- [Demo here](https://signature.ecostudios.dev/)
## About
Create digital signatures effortlessly
Generate, customize, and download your digital signature instantly using our intuitive canvas interface. No need for complex setups or external services - everything happens right in your browser.
Made by [Eco Development Studios](https://www.ecostudios.dev/)
- **Pages:** 1
- **Sections:** 1
- **Components:** 4
## Tech Stack
- 💚 [Nuxt](https://nuxt.com/) - Open source framework that makes web development intuitive and powerful **with the new Nuxt 4 folder structure.**
- 🎛 [Nuxt UI](https://ui.nuxt.com/) - A UI Library for Modern Web Apps.
- ✏️ [Nuxt Signature Pad](vue3-signature-pad.vercel.app) - Smooth signature drawing component
- 🎨 [TailwindCSS](https://tailwindcss.com/) - A utility-first CSS framework packed with classes.
- 😀 [Heroicons](https://github.com/simple-icons/simple-icons) - Integration with Heroicons.
- ⚡️ [Vite](https://vitejs.dev/) - Powered by Vite, instant HMR.
- 🦾 `` syntax with TypeScript support.
## Specifications
- **Price:** Free
- **Released date:** 27/08/24
- **Version:** 0.1
- **Category:** Drawing
- **Page Speed:** 90 / 100 / 100 / 90
- **Compatibility:** Chrome, Firefox, Safari, Brave, Arc, Edge
## Folder and Component Structrue
The components that are used are inside the `app/components` folder.
```bash
# src/app/components/
- Component1 (SFC a.k.a .vue file)
- Component2 (SFC a.k.a .vue file)
```
## Credits and Acknowledgements
We extend our heartfelt gratitude to the creators of these amazing tools that have inspired and empowered this project:
- [Atidraw](https://github.com/atinux/atidraw)
- [Signature Pad](szimek.github.io/signature_pad/)
## Setup
Make sure to install the dependencies:
```bash
# npm
npm install
```
## Development Server
Start the development server on `http://localhost:3000`:
```bash
# npm
npm run dev
```
## Production
Build the application for production:
```bash
# npm
npm run build
```
Locally preview production build:
```bash
# npm
npm run preview
```
Check out the [deployment documentation](https://nuxt.com/docs/getting-started/deployment) for more information.