Quickly crop a photo for multiple ratios on the same screen

4in1crop

Quickly crop a photo for multiple ratios on the same screen ?️✂️

Website

Features

? ⚡️ Easy and fast.
?‍? User friendly.
? ? Interactive.
? ? Fully free. No ads, no premium bullshit.
? ? Safe. Doesn’t storage your photo.

Getting Started

Try it Online ⚡️

4in1crop.com

Init Project Locally

Install Node.js >=14.18.0 and run the following command:

Installation

Git clone.

$ git clone https://github.com/selimdoyranli/4in1crop.git

Build Setup

$ cd 4in1crop

# install dependencies
$ yarn install

# serve with hot reload at localhost:3000
$ yarn dev

# generate static project
$ yarn generate

# serve production mode
$ yarn start

Linter

# run eslint for js & vue files
$ yarn lint:eslint

# run eslint fix for js & vue files
$ yarn lint:eslint:fix

# run stylelint for vue & style files
$ yarn lint:stylelint

# run stylelint fix for vue & style files
$ yarn lint:stylelint:fix

# run prettier
$ yarn prettier

Tech Stack

Nuxt – Nuxt2 vue framework
@nuxtjs/composition-api – Composition api module for nuxt2 / vue2
vue-advanced-cropper – Cropper package for vue
Vuesax – UI library
Pug
Scss
Bootstrap5 scss utils
Husky
Eslint
Stylelint
Prettier
Commitlint
Commitizen

License

GitHub

View Github