Book Cover Creator

A web-based tool that helps you create simple, minimalistic book covers, built with Next.js and TypeScript.

Features

• Create professional-looking book covers with customizable elements
• Add title, author, and subtitle text
• Insert custom SVG icons and graphics
• Choose from multiple color schemes (light and dark modes)
• Export covers as PNG images
• Modern, responsive interface built with Tailwind CSS
• TypeScript support for enhanced development experience

Tech Stack

• Next.js - React framework for production
• TypeScript - Static typing for JavaScript
• Tailwind CSS - Utility-first CSS framework
• html2canvas - HTML to canvas rendering

Getting Started

1. Clone the repository:

git clone <your-repo-url>
cd png-to-svg-converter

2. Install dependencies:

npm install
# or
yarn install

3. Run the development server:

npm run dev
# or
yarn dev

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

Project Structure

├── app/
│   ├── api/
│   │   └── png-to-svg/    # API route for image conversion
│   ├── components/        # React components
│   ├── layout.tsx        # Root layout
│   └── page.tsx          # Main page
├── components/           # Shared components
│   ├── BookCover.tsx
│   └── InputPanel.tsx
├── public/              # Static assets
└── types/              # TypeScript type definitions

Development

The application uses Next.js 14 with the App Router. To make changes:

1. Modify components in the components/ directory
2. Update API logic in app/api/png-to-svg/
3. Adjust styles using Tailwind CSS classes

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

License

MIT License