Skip to content

Client-side web-based Indonesian identification photograph editor app

License

Notifications You must be signed in to change notification settings

abielzulio/editpasfoto

Folders and files

NameName
Last commit message
Last commit date

Latest commit

b8adc37 · Nov 18, 2022
Oct 20, 2022
Nov 18, 2022
Nov 18, 2022
Oct 19, 2022
Oct 19, 2022
Oct 20, 2022
Oct 19, 2022
Oct 19, 2022
Oct 18, 2022
Oct 14, 2022
Oct 20, 2022
Oct 15, 2022
Oct 20, 2022
Oct 19, 2022
Oct 19, 2022
Oct 15, 2022
Oct 15, 2022
Oct 15, 2022

Repository files navigation

editpasfoto.com

editpasfoto.com is a web-based Indonesian identification photograph editor app running on a client-side. Editpasfoto (ENG: edit-identification-photograph) built using Next.js + Typescript + TailwindCSS deployed using Vercel.

Features

  • Client-side, privacy first (no photo is being collected)

  • Change photo ratio & position

  • Various outer layer (formal + University)

To-do

  • Add more outer layer variation
  • Change background color from red to blue and vice versa
  • Remove white bar on the bottom and the top of the page when overscroll

Getting Started

First, run the development server:

npm install
npm run dev
# or
yarn install
yarn dev

Open http://localhost:3000 with your browser to see the result.

Contribute

Resources for getting started on how to contribute

Contribute outer layer

Make sure your outer photo is

  • Unique, not a duplicate of an existing outer
  • .png type file
  • Compressed

A step to contribe your outer layer

  1. Create a fork repo
  2. add your outer photo at /public/img/outer
  3. Create a new folder if your organization/university doesn't exist. Use a popular acronym name in lowercase ugm, itb, ui, unpad
  4. Name your outer photo file in a order 1.png, 2.png, 3.png, ..., this is going to be your VARIATION_ID
  5. Add your newly added outer photo in a variable called OUTER_OPTIONS at /data/outer.ts with a format like this
{
  // Your unique number in an order from top to bottom, not showed to the user
  id: 1 // number
  // Your outer name, showed to the user, format: "(UPPERCASE_ORG/UNIV_ACRONYM) (VARIATION_ID)", example: "ITB 1", "UNPAD 2"
  value:  // string
  // Your outer photo file path, format: "${OUTER_PATH_BASE}/(lowercase_org/univ_acronym)/(variation_id).${OUTER_FILE_TYPE}", example: "${OUTER_PATH_BASE}/itb/1.${OUTER_FILE_TYPE}", "${OUTER_PATH_BASE}/unpad/2.${OUTER_FILE_TYPE}"
  src: // string
}
  1. And submit your pull-request. A review will shortly given to your pull-request.

Donation

Nih buat jajan

Support Abiel Zulio M

License

GNU GPLv3 © 2022 Abiel Zulio M