Project Cover Image

Futo Project Management

Custom management app, untuk manage sebuah penjualan dari sebuah perusahaan, dengan fitur yang cukup lengkap sampai dengan cetak invoice dll.

coding ui-ux

CV Futo Indonesia

Figma, ReactJS, TailwindCSS, Supabase

Masalah yang di hadapi

Disini pemilik usaha ingin mengubah cara penanganan data penjualan nya yang sebelumnya di manage di sebuah spreadsheet ingin di import ke sebuah web app dan setiap devisi bisa manage datanya dari app tersebut.


Teknologi yang di pakai

Front-End:
  • TypeScript (Programming Language)

  • React JS (UI Library)

  • ViteJS (Front End Build Tool)

  • Zustand (State Management)

  • TailwindCSS (CSS Library)

  • Supabase-Client (Supabase Client Library)

  • Shadcn UI (Component library)

Back-End:

Supabase (Firebase alternate)


Alasan mengapa memilih teknologi itu?

Karena deadline project hanya satu bulan, dan pengerjaan dimulai dari desain terlebih dahulu, kami tidak ingin pengerjaan web nya (coding) memakan terlalu banyak waktu, maka kami memilih teknologi-teknologi yang yang mudah dan cepat di aplikasikan ke dalam website, seperti penggunaan Shadcn UI yang dimana dia adalah component library yang mana telah menyediakan banyak component yang sudah jadi, dan mudah di kostumisasi.

Walau deadline mepet kami tetap memilih TypeScript darpada JavaScript karena kami ingin meminimalisir terjadinya error di dalam pengerjaan webnya.

Dan dengan memakai service dari supabase kami tidak perlu membuat sebuah service API dari nol, dan dengan database yang berbasis SQL kami jadi lebih mudah untuk membuat alur dari datanya, karena memang web ini memiliki data yang saling berkaitan satu dengan yang lain.


Dengan teknologi-teknologi di atas lah project ini dapat diselesaikan dengan tepat waktu, untuk desing-design nya kami tidak bisa menunjukan nya karena masalah privasi dll.

Terimakasih.