Git Product home page Git Product logo

jawaban-landing-page's Introduction

Table of Contents

Jakarta Waspada Banjir

Website Jakarta Waspada Banjir

Jakarta Waspada Banjir merupakan situs web yang menyediakan informasi terkini dan lengkap mengenai situasi banjir di DKI Jakarta. Melalui situs ini, masyarakat dapat mengakses:

  • Update Real-Time : Informasi terbaru mengenai kondisi cuaca, dan tinggi muka air.

  • Peringatan Dini : Memberikan pemberitahuan awal untuk meningkatkan kesadaran dan kesiapsiagaan masyarakat terhadap risiko banjir.

  • Prediksi Banjir : Menyediakan visualisasi data tingkat muka air di pintu air Manggarai dan Istiqlal, menampilkan perbandingan antara data aktual dan prediksi. Informasi yang jelas dan mudah dibaca memastikan pemantauan yang efektif untuk menjaga keselamatan dan kesiapsiagaan.

  • Peta Informasi Banjir : Menyediakan visualisasi komprehensif dan terperinci tentang tempat-tempat yang dapat menginformasikan ketinggian air untuk memprediksi banjir. Dengan menginformasikan data total pintu air, rumah pompa, pos curah hujan, pos pengamatan, posko banjir, dan waduk.

  • Berita : Berita penting dari pemerintah daerah dan lembaga terkait mengenai upaya penanggulangan banjir, berita banjir, dan informasi terkait khusus DKI Jakarta.

  • Tanya Jawab : Menyediakan jawaban atas pertanyaan yang sering diajukan oleh masyarakat seputar banjir di DKI Jakarta.

  • Informasi Kontak : Informasi kontak penting yang dapat dihubungi oleh masyarakat dalam situasi darurat banjir.

Panduan Awal

Ikuti panduan ini untuk menyiapkan dan menjalankan proyek Anda secara lokal.

Persiapan

Pastikan Anda sudah menginstal npm di komputer Anda. Jika belum, jalankan perintah ini di terminal:

npm install npm@latest -g

Instalasi

  1. Dapatkan salinan dari repositori ini:
git clone https://github.com/Jakarta-Waspada-Banjir/jawaban-landing-page.git
  1. Masuk ke direktori proyek:
cd jakarta-waspada-banjir
  1. Instal semua dependensi:
npm install
  1. Jalankan proyek secara lokal:
npm run dev
  1. Buka browser dan akses http://localhost:3000/ untuk melihat proyek yang berjalan.

Teknologi yang Digunakan

Proyek ini menggunakan teknologi-teknologi berikut :

NEXT.JS Leaflet Python Chart.js Date fns Formspree Embla Carousel Netlify Tailwind CSS Shadcn/ui Figma

Untuk informasi lebih lanjut tentang teknologi yang digunakan, silakan merujuk ke package.json.

Kontributor

Proyek ini tidak akan terwujud tanpa kerja keras dan dedikasi dari tim kami. Berikut adalah kontributor yang telah menghidupkan proyek ini:

No Nama Role Github Profile
1. Angga Saputra Front-End https://github.com/anggasptr
2. Samil Al-Ghiffary Azis Front-End https://github.com/samilalghiffary
3. Fariz Rifky Berliano Front-End https://github.com/ifarbie

Kembali ke atas »

jawaban-landing-page's People

Contributors

samilalghiffary avatar anggasptr avatar ifarbie avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.