4in1crop
Quickly crop a photo for multiple ratios on the same screen ?️✂️
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 ⚡️
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
MIT License © 2023 selimdoyranli
