Selamat datang di submission saya untuk technical test 2 untuk posisi Frontend Developer di KedaTech. Repositori ini menggunakan beberapa teknologi untuk membantu dalam membuat web seperti React, Tailwind CSS, Framer Motion, Headless UI, dan ikon Phosphor. Dalam repositori ini, Saya membuat web terkait dengan startup yang telah mengembangkan sebuah website mirip dengan sistem ERP. Sistem ini bertujuan untuk memudahkan operasional bisnis dengan melacak persediaan, transaksi, dan keuntungan harian.
Uptech by Keda adalah aplikasi web yang dirancang untuk membantu pengusaha dalam mencatat pergerakan persediaan, transaksi, dan keuntungan harian mereka. Versi live dari aplikasi dapat diakses di https://uptechbykeda.vercel.app.
- React: JavaScript library untuk membangun antarmuka pengguna.
- Tailwind CSS: CSS library berbasis utility class untuk styling.
- Framer Motion: Animation library untuk membuat web interaktif.
- Headless UI: Komponen UI untuk segala framework.
- Ikon Phosphor: Koleksi ikon untuk yang mudah untuk dimodifikasi.
Untuk memulai bekerja pada proyek Uptech by Keda secara lokal, ikuti langkah-langkah berikut:
-
Kloning Repositori:
git clone https://github.com/reshaditiya/kedatech-test2.git cd kedatech-test2 -
Install Dependensi:
npm install
-
Memulai Server Pengembangan:
npm run dev
-
Akses Aplikasi: Buka peramban web Anda dan kunjungi http://localhost:5173 untuk melihat aplikasi dalam tindakan.
Struktur proyek mengikuti tata letak aplikasi React yang umum:
public/: Berisi aset statis.src/: Berisi kode sumber aplikasi.components/: Komponen React yang dapat digunakan kembali.utils/: Fungsi bantu dan utilitas.App.js: Komponen utama aplikasi.index.js: Titik masuk aplikasi.
Berikut adalah beberapa tangkapan layar dari aplikasi Uptech by Keda:
Jangan ragu untuk menghubungi jika Anda memiliki pertanyaan atau memerlukan bantuan lebih lanjut.