Imagiflex Studio is a modern, browser-based image manipulation tool that allows users to resize, crop, rotate, and flip images directly in the browser without uploading to an external server. This application is designed to be user-friendly, responsive, and supports multiple languages.

Features

Technology Stack

• Frontend Framework: React 18 with TypeScript
• Build Tool: Vite
• Styling: Tailwind CSS
• UI Components: Shadcn UI (based on Radix UI primitives)
• Routing: React Router v6
• State Management: React Context API
• Form Handling: React Hook Form with Zod validation

Setup and Installation

• 1. Prerequisites
  • npm or yarn
• 2. Installation Steps

  # Upload your project file to server.
  # Navigate to the project directory
  cd project
  # Install dependencies
  npm install
  # or
  yarn install 

• 3. Development Server

  # Start the development server
  npm run dev
  # or
  yarn dev 

• 4. Production Build

  # Create a production build
  npm run build
  # or
  yarn build