• Next.js
  • React
  • TypeScript
  • JavaScript
  • Tailwind CSS
  • Node.js
  • Express
  • GSAP
  • Framer
  • Sanity
  • MySQL
  • MongoDB
  • Git
  • GitHub
  • Figma
  • HTML5
  • CSS3
  • Next.js
  • React
  • TypeScript
  • JavaScript
  • Tailwind CSS
  • Node.js
  • Express
  • GSAP
  • Framer
  • Sanity
  • MySQL
  • MongoDB
  • Git
  • GitHub
  • Figma
  • HTML5
  • CSS3
Kembali ke proyek
Duplikasi Website MIT Research Page

2024

Duplikasi Website MIT Research Page

Proyek latihan duplikasi halaman Research website MIT untuk mempelajari struktur layout, navigasi, konten akademik, dan tampilan halaman institusi pendidikan berskala internasional.

Peran

Web Developer

Durasi

1 Minggu

Klien

Personal Project

Tantangan

Membuat ulang tampilan halaman Research MIT membutuhkan pemahaman struktur konten, hierarki visual, navigasi, section akademik, serta penyesuaian layout agar tetap rapi dan responsif.

Solusi

Menduplikasi halaman Research MIT dalam bentuk website statis dengan menyusun ulang navigasi, konten utama, section centers/labs/programs, collaborating institutions, dan footer berdasarkan tampilan referensi.

Dampak

  • - Melatih kemampuan slicing halaman website institusi pendidikan.
  • - Meningkatkan pemahaman struktur layout, navigasi, dan hierarki konten akademik.
  • - Menghasilkan replika halaman Research MIT yang dapat diakses melalui website demo.
  • - Membantu eksplorasi responsivitas dan konsistensi tampilan halaman statis.
  • - Menjadi proyek latihan untuk memperkuat kemampuan front-end development.

Lofi Music

0:00 / 0:00