Campus Thrift - Mobile App Marketplace Perlengkapan Mahasiswa
{ setTimeout(() => { showShimmer = false; }, 300); })"
:class="{'opacity-0': !loaded, 'opacity-100': loaded}"
class="lazy w-full h-auto rounded-xl border border-white dark:border-neutral-700/80 transition-opacity duration-500"
loading="lazy"
/>
Campus Thrift adalah aplikasi mobile marketplace barang bekas (secondhand) yang dibangun menggunakan React Native pada sisi mobile client dan RESTful API Express.js dengan Prisma ORM serta MySQL pada sisi backend server.
Aplikasi ini ditujukan untuk memfasilitasi mahasiswa dalam jual-beli perlengkapan perkuliahan seperti buku teks, kalkulator saintifik, perangkat elektronik, dan perlengkapan kos.
Fitur dan Arsitektur:
- Frontend Mobile: Menggunakan React Native dengan Native Stack Navigation, Axios HTTP client, dan React Native Image Picker untuk pemilihan foto produk.
- Backend RESTful API: Menggunakan Express.js dengan arsitektur controller-router, middleware Multer untuk penyimpanan berkas gambar ke disk storage, serta Express-Validator untuk integritas data.
- Database: Dikelola menggunakan Prisma ORM yang terhubung ke basis data MySQL dengan pemetaan model relasional.
- Fitur CRUD: Mendukung operasi lengkap Create, Read, Update, dan Delete data barang secara real-time.
{ setTimeout(() => { showShimmer = false; }, 300); })"
:class="{'opacity-0': !loaded, 'opacity-100': loaded}"
class="lazy w-30 h-30 rounded-full object-cover p-1 border-2 border-neutral-200 dark:border-neutral-600 shadow-sm mx-auto transition-opacity duration-500 cursor-zoom-in"
loading="lazy"
x-data
@click="
window.dispatchEvent(new CustomEvent('open-avatar-zoom', {
detail: {
src: $el.currentSrc || $el.src,
alt: $el.alt,
}
}))
"
/>
Tsalis Sholeh Al Akbar
Fullstack Developer
{ setTimeout(() => { showShimmer = false; }, 300); })"
:class="{'opacity-0': !loaded, 'opacity-100': loaded}"
class="lazy w-full object-cover rounded-xl border border-white dark:border dark:border-neutral-700/80 transition-opacity duration-500"
loading="lazy"
width="1410"
height="2250"
/>