Aplikasi Fullstack CRUD Posts - React Native & Express.js
{ 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"
/>
Aplikasi mobile berbasis React Native yang terintegrasi dengan RESTful API Express.js dan database MySQL untuk mengelola data posts secara fullstack.
Fitur Utama:
- Menampilkan daftar posts secara real-time dari REST API backend.
- Menambah post baru lengkap dengan upload file gambar dari galeri/kamera emulator (react-native-image-picker).
- Mengedit dan memperbarui data post beserta gambarnya.
- Menghapus data post dari database MySQL.
- Navigasi halaman antar layar menggunakan React Navigation.
Tech Stack:
- Frontend: React Native, React Navigation, Axios, React Native Image Picker
- Backend: Node.js, Express.js, MySQL (phpMyAdmin), Nodemon
- Dev Tools: Android Emulator (API 35+), ADB Reverse Port Forwarding
{ 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,
}
}))
"
/>
SITI AYU
No bio available.
{ 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"
/>