Giter Site home page Giter Site logo

fajriyan / info-gempa Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 0.0 120 KB

a simple project to display the latest earthquake data in Indonesia from BMKG

Home Page: https://gempa.pages.dev/

JavaScript 98.81% HTML 1.05% CSS 0.14%
api react tailwindcss vite vite-react vitejs earthquake react-js gempa gempa-bumi javascript

info-gempa's Introduction

Project Informasi Data Gempa 🏡

Project Informasi Data Gempa adalah sebuah project pribadi untuk menampilkan data Gempa di Indonesia dari Data Terbuka BMKG yang di forward dari Rest API dari project API Gempa. Project ini diharapkan dapat membantu untuk yang membutuhkan informasi Gempa dengan cara mudah, Project ini dibangun menggunakan React JS (vite) dengan TailwindCSS yang dibuah simple dan mudah untuk dipahami, Terimakasih mohon bantuannya.

Build Badges Badges Badges Badges Badges

Donation

If this project helps you, you can give it a cup of coffee. Thanks!

Support

Project ini tentunya tidak lepas dari berbagai pihak yang telah membantu, oleh karena itu saya menyampaikan banyak 🙏Terimakasih kepada semua pihak yang sudah mendukung project ini sampai online. Berikut beberapa pihak yang terlibat pada project ini :

  • BMKG (Badan Meteorologi, Klimatologi, dan Geofisika)
  • Vite (React JS)
  • Tailwind CSS
  • HyperUI
  • Driver.js

Screenshot

Page highlight gempa terbaru

Annotation 2024-01-25 095014

Page gempa terkini

Annotation 2024-01-25 095127

Page gempa yang dirasakan

Annotation 2024-01-25 095036

Changelog Update

  • [1.1.0] - add some feature and fix bug
  • [1.1.2] - fix date UTC > Local, change style
  • [1.1.5] - add new data gempa terbaru
  • [1.1.7] - create experimental page /next
  • [1.1.9] - update ui and feature experimental /next
  • [1.2.1] - apply experimental and improve SEO
  • [1.2.8] - create page about, add animation
  • [1.2.9] - fix DOM nesting and delete useless components
  • [1.3.0] - create new page gempa dirasakan and change navbar to components
  • [1.3.1] - fix route sitemap and robots, fix ui 404 and error overflow
  • [1.3.5] - add information mg and change limit
  • [1.3.9] - create page gempa terkini

Next Update

  • Update Highlight Gempa Terbaru
  • Add skeleton loading
  • Add button for view coordinate to Maps
  • Fix Layout Mobile
  • Add new Data (Data Gempa Terkini)
  • Create UI better
  • Create Page Data Gempa Terkini
  • Update Rest API with Key
  • build PWA

Latest Issue

  • Rest API Error
  • mobile view bad

info-gempa's People

Contributors

fajriyan avatar fajriyanskwn avatar

Stargazers

 avatar

Watchers

 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.