farhanndev / smartnation.id

Redesign Website Smartnation From Citiasia

Nuxt 3 Minimal Starter

Look at the Nuxt 3 documentation to learn more.

Setup

Make sure to install the dependencies:

# npm
npm install

# pnpm
pnpm install

# yarn
yarn install

Development Server

Start the development server on http://localhost:3000:

# npm
npm run dev

# pnpm
pnpm run dev

# yarn
yarn dev

Production

Build the application for production:

# npm
npm run build

# pnpm
pnpm run build

# yarn
yarn build

Locally preview production build:

# npm
npm run preview

# pnpm
pnpm run preview

# yarn
yarn preview

Check out the deployment documentation for more information.

smartnation.id's Issues

Terdapat Postingan Baru Pada Halaman Beranda

Tujuan: Halaman beranda terdapat bagian / section yang menampilkan postingan terbaru
Deskripsi:

1. Pada halaman ini terdapat postingan terbaru yang difiturkan
2. Pada halaman ini terdapat postingan terbaru yang menampilkan 4 list berita terbaru
3. Pada halaman ini terdapat rekomendasi postingan terpopuler
4. Link design UI/UX bisa diakses pada halaman berikut: (https://www.figma.com/file/MEwbQKGrQE9Ve91gW5jwzy/SmartNation?type=design&node-id=1375-4411&mode=design&t=IiQ2QKLdFLpKpZOu-0)

Backend Detail Galeri

Terdapat Halaman Acara atau Event

Di dalam event atau acara terdapat beberapa hal yang harus dibuat programnta, dianataranya adalah :

1. Dropdown ISNA, ISCIF, Training
2. Pilih tahun
3. Terpopuler
4. Next Page
5. Hero Acara

Terdapat Berita Terkini Pada Halaman Beranda

Tujuan: Halaman beranda terdapat bagian / section yang menampilkan berita terkini
Deskripsi:

1. Pada halaman ini terdapat berita terkini yang difiturkan
2. Pada halaman ini terdapat berita terkini yang menampilkan 4 list berita terkini
3. Link design UI/UX bisa diakses pada halaman berikut: (https://www.figma.com/file/MEwbQKGrQE9Ve91gW5jwzy/SmartNation?type=design&node-id=1375-4411&mode=design&t=IiQ2QKLdFLpKpZOu-0)

Terdapat Halaman Galeri

Pembuatan galeri dan implementasi hasil design dari ui/ux

Backend Berlangganan

Terdapat Halaman Detail Postingan

Tujuan : Halaman detail postingan menampilkan beberapa diantaranya: Detail Postingan, Rekomendasi Berita Terpopuler, Komentar, Bagikan Postingan.
Deskripsi:

• link design UI/UX dapat diakses pada halaman berikut: https://www.figma.com/file/MEwbQKGrQE9Ve91gW5jwzy/SmartNation?node-id=1601%3A14051&mode=dev

Terdapat Navigasi Utama Pada Website Smartnation

Tujuan : Website SmartNation Terdapat Navigasi Utama.
Deskripsi:

1. Navigasi Terdapat Beberapa Menu Diantaranya: Logo, Beranda, Berita (Dropdown), Acara (Dropdown), Galeri, Tentang Kami, Hubungi Kami , Search Input. & Translate (Icon dan Dropdown).
2. Navigasi Harus Responsif Ke semua Device / Perangkat Diantaranya: Desktop, Laptop, Tablet, & Smartphone
3. Navigasi Bisa Fixed / Sticky pada semua perangkat
4. Berikut Link Navigasi pada design UI/UX (https://www.figma.com/file/MEwbQKGrQE9Ve91gW5jwzy/SmartNation?type=design&node-id=1832-13658&mode=design&t=IiQ2QKLdFLpKpZOu-0)

Terdapat Footer pada website smartnation

Tujuan: Website smartnation terdapat navigasi footer.
Deskripsi:

1. Pada bagian footer terdapat menu diantaranya: Lokasi, dan Social Media
2. Pada bagian ini menu lokasi bisa di dapatkan menggunakan embed dari (https://maps.google.com)
3. Pada bagian ini terdapat social media diantaranya: ikuti kami di tiktok & ikuti kami di instagram
4. Link design UI/UX bisa diakses pada halaman berikut: (https://www.figma.com/file/MEwbQKGrQE9Ve91gW5jwzy/SmartNation?type=design&node-id=1375-4411&mode=design&t=IiQ2QKLdFLpKpZOu-0)

Instal & Konfigurasi Proyek Smartnation

Tujuan: Proyek Smartnation dapat dijalankan dalam mode pengembangan dan produksi.

Backend Halaman Acara/Event

Backend Tentang Kami

Terdapat Navigasi Utama Dan Hero Section Pada Website Smartnation

Tujuan: Website SmartNation Terdapat Hero Section
Deskripsi:

1. Pada bagian hero section terdapat gradasi background
2. Pada bagian hero section terdapat 3 gambar / lebih dan bisa diswipe oleh pengguna
3. Pada bagian hero section terdapat optional bullets / dots yang bisa di klik oleh pengguna
4. Pada bagian hero section terdapat links social media diantaranya: instagram, facebook, whatstapp dan tiktok. Masing2 link dibuatkan icons bisa menggunakan icons bootstrap / fontawesome.
5. Pada bagian hero section navigasi utama mengikuti background dan gradiasi yang telah ditetapkan sebelumnya
6. Link design UI/UX Hero Section pada halaman berikut: (https://www.figma.com/file/MEwbQKGrQE9Ve91gW5jwzy/SmartNation?type=design&node-id=1375-4411&mode=design&t=IiQ2QKLdFLpKpZOu-0)

Terdapat Beberapa Kategori Berita Pada Halaman Beranda

Tujuan: Halaman beranda terdapat bagian / section yang menampilkan kategori diantaranya: Acara, Artikel, Daerah, Nasional, Internasional & Rekomendasi.
Deskripsi:

• Link design UI/UX bisa diakses pada halaman berikut: (https://www.figma.com/file/MEwbQKGrQE9Ve91gW5jwzy/SmartNation?type=design&node-id=1375-4411&mode=design&t=IiQ2QKLdFLpKpZOu-0)

Backend Hubungi Kami

Backend Galeri

Terdapat Halaman Beranda

Pada halaman beranda terdapat hal-hal yang harus dibuat dan mengimplementasikan hasil design dari ui/ux :

1. Berita terbaru
2. Berita terpopuler
3. Terpopuler
4. Artikel
5. Join Komunitas
6. Lihat selengkapnya
7. Daftar Berita
8. Hero Berita

Backend Navbar

Membuat backend navbar

Mengambil data dari becakend website lama ke website baru

Terdapat Halaman Tentang Kami

Terdapat beberapa hal yang harus tercantum dan dibuat programnya dari page Tentang Kami ini. Diantaranya adalah :

1. Tentang Citiasia Center
2. Tentang Citiasia.inc
3. Visi Misi
4. Tim Citiasia
5. Partner
6. Portofolio

Ditanggungjawabi oleh :
Anabella

Backend halaman berita

Terdapat Detail Galeri