react-retargeter

A React PWA which demonstrates content-aware image resizing in real time.

Built With

• Platform
  • NodeJS 16
• Languages
  • TypeScript
• Frontend
  • Client-Side Framework: React
  • Development Framework: Vite w/ Vite PWA
  • Design System: React Bootstrap w/ Bootswatch Flatly
  • Icons: React Icons - Bootstrap
• Web APIs
  • HTML Canvas
  • Resize Observer

Running Locally

Make sure you have pnpm installed before beginning local development.

# Clone the repo
git clone https://github.com/jkmuriithi/react-retargeter.git
cd react-retargeter

# Install dependencies
pnpm install

# Start the development server
pnpm dev

Check out the project's package.json for a full list of available NPM scripts.

Note: The app's service worker may throw some configuration errors when you first launch the development server. These should disappear if you kill the server and restart it.