/Trolio

A Dashboard and Portfolio Web App for Freelance Media Translators/QCers

Primary LanguageJavaScript

trolio logo

Trolio

PreRelease NodeJS NPM

Trolio is a dashboard and portfolio web app for freelance media translators/QCers which fetches data using Airtable API. On the dashboard, you can compare the ratio of income, work form, platform, etc visualized with graphs and charts by the specific periods you choose while you can also organize and search your translation/QC works on the portfolio. For now, Trolio is a demo version which makes API call to get data from a temporary Airtable base.

트롤리오는 프리랜서 영상번역/감수 작가를 위한 대시보드, 포트폴리오 웹앱으로 에어테이블 API를 이용해 데이터를 받아와 시각화합니다. 대시보드 메뉴에서는 작업물의 유형, 플랫폼, 수입 등을 선택한 기간별로 비교할 수 있으며 포트폴리오 메뉴에서는 작업물을 정리 및 검색할 수 있습니다. 현재는 에어테이블 임시 데이터를 불러오는 데모 버전으로 데이터가 채워진 상태는 홈페이지에서만 확인 가능합니다.

image

Table Of Content

Links

🔗 Trolio(트롤리오) 바로가기

✍️ Trolio(트롤리오) 개발 후기

Installation

npm install
npm start

Functions

Dashboard

대시보드

Compare the figures of job type, category, work form, total income, total working hours, total number of works, total running times, yealy income by selecting specific periods. You can easily check the difference with visualized charts and graphs. Button A is for selecting one period, button A/B is for selecting and comparing two periods.

특정 날짜를 입력 혹은 기간을 선택하여 작업 유형, 카테고리, 작업물 형태, 총 수입, 총 작업 시간, 총 작업물 수, 총 러닝타임, 연 수입을 차트와 그래프로 확인 가능합니다. A 버튼은 기간을 1개 설정, A/B 버튼은 기간을 2개 설정합니다.

dashboardvideo.mp4

Portfolio

포트폴리오

  • Organize and check out translation and QC works with details and posters.
  • 번역/감수 작업물의 포스터를 목록화하며 클릭 시 상세 정보 확인이 가능합니다.
portfoliolistvideo.mp4

  • Filter works by its job type, work form, category, platform.
  • 작업 유형, 작업물 형식, 카테고리, 플랫폼을 기준으로 작업물 필터링이 가능합니다.
portfoliofiltervideo.mp4

  • Search works by its title.
  • 작업물의 제목으로 검색이 가능합니다.
portfoliosearchvideo.mp4

Stacks