UI Designer,
Frontend Developer - React JS

Nurcholis's picture

Nurcholis

Medan, Indonesia
cholis04 codewars badgescholis04 codewars badges

Halo, Selamat Malam para Rekruter dan Pengembang Web.

Saya seseorang yang menerjemahkan desain ke dalam struktur kode HTML yang baik sehingga dapat dengan mudah untuk dikembangkan kedepannya.

Saya fokus terhadap bagaimana sesuatu dapat berguna dan menyelesaikan masalah, kemudian meningkatkan pengalaman pengguna dalam menggunakan aplikasi.

Tentu sekarang orang lebih cenderung dengan desain yang modern seperti sederhana, bersih, minimalis, atau bahkan animasi yang memukau.

Namun struktur kode juga perlu di pertimbangkan agar halaman memiliki aksesibilitas dan performa yang tinggi.

Apa yang saya lakukan?

UI Designer

• Merancang tampilan halaman •

  • Menentukan skema warna.
  • Menyusun tata letak halaman.
  • Menetapkan tipografi (ukuran,gaya huruf, ketebelan, dll).
  • Menyiapkan aset ikon, foto, ilustrasi.
  • Memastikan setiap elemen memiliki tampilan yang konsisten.
  • Merancang komponen yang reusable.
  • Membuat tampilan berupa mock up responsif.

Frontend Developer
- React JS

• Menerapkan desain ke situs •

  • Membuat arsitektur folder proyek.
  • Menuliskan semantic HTML.
  • Menerapkan mobile first workflow.
  • Menerapkan prinsip clean code.
  • Memvalidasi input pengguna sebelum dikirim ke server.
  • Bekerja dengan API.
  • Memastikan dapat berjalan di banyak browser.

Portofolio

Saya juga telah menyelesaikan beberapa kelas online untuk meningkatkan sekaligus menguji kemampuan frontend khususnya pada aplikasi yang berbasis web. Adapun diantaranya kelas Dicoding Indonesia dan juga freeCodeCamp.

Berikut beberapa proyek terakhir yang saya pernah saya kerjakan:

Qovier

Figma Plugin

Buat Variasi dari Satu Warna Dasar dengan Tingkat Intensitas yang Dapat Disesuaikan dan Impor dengan mudah ke Variabel Lokal.

Kunjungi situs
Tint Shade Import

Web App

Alat penghasil pasangan warna harmonis online yang membantu Anda memilih kombinasi warna yang menakjubkan untuk proyek desain Anda.

Kunjungi situs

Teknologi yang digunakan

Berhubung saya masih bekerja sendiri dan belum bergabung dengan tim tertentu, maka saya menggunakan beberapa teknologi yang populer dan menyesuaikan kebutuhan proyek yang pernah saya kerjakan.

Berikut daftar teknologi yang saya gunakan:

Libraries & Frameworks

  • React JS
  • Gatsby JS
  • Next JS

CSS Preprocessor

  • SASS
  • Styled Component

Bundler

  • Webpack
  • Parcel

Testing

  • JEST
  • React Testing Library
  • Cypress

Tools & Support

  • GitHub
  • Vercel
  • Storybook
  • VS Code

Graphic Design

  • Figma
  • Inkscape

Namun tidak menutup kemungkinan untuk saya mempelajari teknologi yang baru jika itu memang diperlukan dalam proyek kolaborasi atau sekedar untuk mengasah kemampuan.

Hubungi Saya

Tertarik ingin merekrut atau bekerja sama? Atau punya persoalan yang ingin ditanyakan? Mari kita berdiskusi!