4in1crop

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

Website

_{Buy me a coffee - Sponsorship 💖}

Features

• 🛠 ⚡️ Easy and fast
• 🧑‍💻 User friendly
• 🤹 🎨 Interactive
• 💸 🚫 Fully free. No ads, no premium bullshit
• 💾 🔒 Safe. Doesn't store your photo

Getting Started

Try it Online ⚡️

4in1crop.com

Init Project Locally

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
yarn lint:eslint

# run eslint fix
yarn lint:eslint:fix

# run stylelint
yarn lint:stylelint

# run stylelint fix
yarn lint:stylelint:fix

# run prettier
yarn prettier

Git

Using Conventional Commits, commitizen, commitizen cli

# add files
git add .

# generate commit message
yarn commit # or yarn cz

# push
git push

Release & Changelog

Using changelogen for release & changelog management, arguments are the same as changelogen

# run changelogen
yarn changelog

---

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
• Changelogen

Sponsorship

You can sponsor me for the continuity of my projects:

License

MIT License © 2023 selimdoyranli