shal0mdave / signeer-signature-maker

A simple text to image widget I wrote on Next.js with React, Sass, Ant.design UI Library, and Canvas. Have fun hacking! 🖊️

Introduction

Hello there! This is Signeer. A simple text to image widget I wrote on Next.js with React, Sass, Ant.design UI Library, and Canvas. Have fun hacking! 🖊️

How to use

It's really easy and straightforward:

• Enter your name or signature text.
• Select a font.
• Pick a colour.
• Set your font size.
• Hit 'Create Signature' button.
• On the Top-Right corner (Top in mobile view) of the signature image, hit download.

Getting Started

First, run the development server:

npm run dev
# or
yarn dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying pages/index.js. The page auto-updates as you edit the file.

Learn More About Next.js Here

To learn more about Next.js, take a look at the following resources:

• Learn Next.js - an interactive Next.js tutorial.
• You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Special Thanks To

Vercel for sponsoring this project's hosting

MDN for the docs on working with Canvas API