It takes effort and time to write down every person's name on your invitation template. So I have made this app to take your list of names, make you choose where you want to place them, with their styles and all, and finally downloads all of your names into a zip.
- Image Upload: Support for PNG and JPEG formats
- Real-time Preview: See your changes as you make them
- Text Customization:
- Multiple font options
- Adjustable font size
- Various color choices
- Custom coloring using slider, RGB, or even Hexadecimal values
- Draggable text positioning
- Rotation and scaling capabilities
- Batch Processing: Generate multiple personalized invitations at once
- Processing Lists of Names: Using sheets from either .CSV or Excel sheets
- Bulk Download: Download all variations as a ZIP file
- Responsive Design: Works on both desktop and mobile devices
- Node.js (v16 or higher)
- npm (v7 or higher)
- Clone the repository:
git clone https://github.com/AsusBit/scribe.git- Navigate to the project directory:
cd scribe- Install dependencies:
npm install- Start the development server:
npm startThe application will open in your default browser at http://localhost:3000.
- Click "Get Started" or scroll to the upload section
- Upload your invitation image
- Use the customization tools to:
- Add and position text
- Choose fonts and colors
- Adjust text size
- Add recipient names to the list
- Download individual invitations or generate all at once
- React - Frontend framework
- Fabric.js - Canvas manipulation
- Tailwind CSS - Styling
- JSZip - ZIP file generation
- jsPDF - Turning the pictures into installable PDFs
- papaparse - Parsing names from CSV files
- SheetJS - Parsing names from Excel sheets
- Fork the repository
- Create your feature branch (
git checkout -b feature/AmazingFeature) - Commit your changes (
git commit -m 'Add some AmazingFeature') - Push to the branch (
git push origin feature/AmazingFeature) - Open a Pull Request
- Font families provided by Google Fonts
- Icons and design inspiration from various open-source projects (svgrepo.com)
Project Link: https://scribe-one.vercel.app/
- Additional font options
- More customization tools
Made by Hamzah AlNofli
