• 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
Back to projects
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.

Role

Web Developer

Duration

1 Minggu

Client

Personal Project

Challenge

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

Solution

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.

Impact

  • - 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