A Vue.js 3 application that generates professional email signatures with company/brand logos, designations, and phone numbers.
- Built with Vue.js 3 and Vite for fast development and optimal performance
- Customizable email signatures with company/brand logos
- Easy-to-use interface for inputting personal and company information
- Responsive design for various screen sizes
- Lightweight and easy to deploy
-
Clone the repository:
git clone https://github.com/shazzad/signature-generator.git
-
Navigate to the project directory:
cd signature-generator
-
Install dependencies:
npm install
-
Add your company/brand logos:
- Place your logo files in the
/public/logo
folder
- Place your logo files in the
-
Configure your organization details:
- Open
index.html
in the root directory - Locate the configuration section (usually at the top of the file)
- Update the following information:
- Organization name
- Logo URL (relative to the
/public/logo
folder) - Company website URL
- Open
-
Start the development server:
npm run dev
-
Open your browser and navigate to
http://localhost:5173/signature-generator
(or the port specified in the console) -
Use the interface to input your personal details and generate your email signature
-
Copy the generated signature and use it in your email client
To create a production-ready build:
npm run build
The built files will be in the dist
directory, ready for deployment.
You can further customize the app by modifying the Vue.js components in the src
directory. The main signature generation logic can be found in the main component file.
Contributions are welcome! Please feel free to submit a Pull Request.