Advance Store adalah platform E-Commerce sederhana yang dirancang dengan desain yang responsif dan modern, menawarkan pengalaman berbelanja yang intuitif dan menyenangkan. Dengan menggunakan React dan Tailwind CSS, Advance Store hadir dengan antarmuka yang menarik untuk meningkatkan kenyamanan pengguna.
-
Landing Page: Halaman utama yang menampilkan produk unggulan dan promosi terkini, menciptakan pengalaman belanja yang menarik.
-
Sidebar (Cart): Sidebar yang praktis untuk menampilkan keranjang belanja, memungkinkan pengguna untuk mengelola item dengan mudah.
-
Product Display: Halaman yang menampilkan berbagai produk dengan gambar dan informasi yang jelas, memudahkan pengguna dalam memilih.
-
Product Details Page: Halaman khusus untuk setiap produk yang menyediakan informasi mendetail, termasuk deskripsi, harga, dan opsi pembelian.
-
Prasyarat:
- Pastikan Anda memiliki Node.js dan npm (atau Yarn) terinstal di komputer Anda.
-
Clone Repository:
- Clone repositori ini ke komputer Anda menggunakan perintah Git:
git clone https://github.com/yosephkevinh02/FP-BST-Advance-2024.git.
- Clone repositori ini ke komputer Anda menggunakan perintah Git:
-
Pindah Direktori Proyek:
- Pindah ke direktori proyek yang baru Anda clone menggunakan perintah:
cd FP-BST-Advance-2024
- Pindah ke direktori proyek yang baru Anda clone menggunakan perintah:
-
Instal Dependensi:
- Jalankan
npm installuntuk menginstal semua dependensi yang diperlukan. - Gunakan
yarn installjika Anda menggunakan Yarn.
- Jalankan
-
Jalankan Aplikasi:
- Jalankan aplikasi menggunakan perintah
npm run dev. - Jika menggunakan Yarn, gunakan perintah
yarn dev. - Setelah perintah ini dijalankan, Anda akan mendapatkan link di terminal, biasanya
http://localhost:5173.
- Jalankan aplikasi menggunakan perintah
-
Akses Aplikasi:
- Buka browser dan akses aplikasi di alamat yang diberikan, misalnya
http://localhost:5173. - Aplikasi web akan terbuka dan tampil pada browser Anda.
- Buka browser dan akses aplikasi di alamat yang diberikan, misalnya
-
Mulai Menggunakan:
- Anda akan dapat mengakses berbagai fitur aplikasi, termasuk tampilan produk, detail produk, dan keranjang belanja.