/EditorIo-Demo

Image editor app demo

Primary LanguageTypeScriptMIT LicenseMIT

Editor IO app

A editor app to build custom business card with images and texts.

Demo

Example GIF

Deployed to Vercel Demo

App features

  • Image editing
  • Text editing, inline editing in canvas using double click. Use esc or enter keys to exit editing mode.
  • Image carousel
  • Drag and Drop images to canvas
  • Replaceable image on canvas.

Tech Stack

  • Next.js 13 with basic directory structure and custom configurations
  • Tailwind CSS for efficient production builds
  • Heroicons library for easy access to high-quality icons
  • Headless UI for building beautiful and functional user interfaces
  • Yarn as the package manager for easy package management

Getting Started

To get started with this template, follow these steps:

  1. Clone the repository:
# Https
git clone https://github.com/khanzzirfan/EditorIo-Demo.git



2. Navigate to the project directory:

```bash

cd editorio-demo
  1. Install dependencies with Yarn:
yarn install
  1. Start the development server:
yarn dev

The app should now be running on http://localhost:3000.