Metricks_Tracker

Pelacak Metrik

? Daftar isi

• ? Daftar isi
• Pelacak Metrik
  • ? Dibangun dengan
    • Tumpukan teknologi
    • Fitur utama
  • Demo langsung
  • Memulai
    • Struktur proyek
    • Pengaturan
    • Memasang
    • Penggunaan
    • Jalankan tes
  • Penulis
  • ? Fitur masa depan
  • ? Berkontribusi
  • ️ Tunjukkan dukungan Anda
  • Ucapan Terima Kasih
  • Lisensi

Pelacak Metrik

Selamat datang di Metricks Tracker, aplikasi web seluler menggunakan React dan Redux! Jelajahi API yang dipilih, monitor, dan dapatkan informasi dengan mudah! Metricks Tracker berfokus terutama pada populasi dunia untuk menawarkan analisis data yang terperinci dan bermakna terkait dengan bidang ini. Dengan Metricks Tracker, Anda akan memiliki akses ke informasi yang berharga dan terkini tentang populasi dunia, memungkinkan Anda untuk membuat keputusan berdasarkan informasi dan mendapatkan pemahaman yang lebih jelas tentang pola dan tren demografis. Mulailah menggunakan Metricks Tracker sekarang dan temukan dunia informasi statistik di ujung jari Anda!. Berikut tautan ke presentasi video

? Dibangun dengan

Tumpukan teknologi

React-Redux

• Penggunaan proyek ini bereaksi

Html

• Proyek ini menggunakan HTML.

CSS

• CSS digunakan untuk memberikan desain di seluruh halaman.

Linters

• Linters adalah alat yang membantu kami memeriksa dan menyelesaikan kesalahan dalam kode
Proyek ini dihitung dengan dua linter:
• CSS
• Javascript

Fitur utama

• SPA
• CRA
• Gaya
• Router
• Dicatat
• Toolkit
• React-Redux
• Perpustakaan Tes Jest & React
• Penyebaran

(kembali ke atas)

Demo langsung

Anda dapat melihat demo di sini.

(kembali ke atas)

Memulai

Untuk mendapatkan salinan lokal dan berjalan, ikuti langkah -langkah ini. Proyek ini membutuhkan Node.js dan NPM yang diinstal pada mesin Anda.

-Node.js -npm

-Clone Repositori ini ke mesin lokal Anda menggunakan:

Git Clone https://github.com/claudiarojassoto/metricks_tracker.git

-Berda ke folder proyek:

CD Math_magicians

-Instalasi dependensi proyek:

Instal NPM

Untuk memulai server pengembangan, jalankan perintah berikut:

Mulai NPM

Struktur proyek

Proyek ini mengikuti folder dan struktur file berikut:

• /src : Berisi file sumber aplikasi.
• /src/index.js : Titik masuk utama dari aplikasi JavaScript.
• /src/App.js : Komponen tingkat atas dari aplikasi di mana komponen diberikan.
• /src/components : Direktori untuk Komponen Bereaksi.
• /src/components/HomePage.js : komponen untuk halaman beranda.
• /src/components/HomePage.test.js : tes untuk halaman beranda.
• /src/components/HomePage.css : gaya untuk halaman beranda.
• /src/components/navbar : folder untuk komponen bilah navigasi.
• /src/components/navbar/Navbar.js : Komponen untuk bilah navigasi.
• /src/components/navbar/Navbar.test.js : Tes untuk bilah navigasi.
• /src/components/navbar/Navbar.css : gaya untuk bilah navigasi.
• /src/components/details : Folder untuk detail komponen.
• /src/components/details/Details.js : Komponen untuk detailnya.
• /src/components/details/Details.test.js : tes untuk detailnya.
• /src/components/details/Details.css : gaya untuk detailnya.
• /src/components/countries : Folder untuk Komponen Negara.
• /src/components/countries/Countries.js : komponen untuk negara.
• /src/components/countries/Countries.test.js : tes untuk negara.
• /src/components/countries/Countries.css : gaya untuk negara.
• /src/imagesContinents : berisi folder gambar benua.
• /src/imagesContinents/continents : folder dengan gambar benua.
• /src/redux : direktori untuk manajemen redux.
• /src/redux/store.js : konfigurasi toko redux.
• /src/redux/actions : folder untuk tindakan redux.
• /src/redux/actions/worldActions.js : Tindakan untuk Manajemen Dunia.
• /src/redux/actions/worldActions.test.js : tes untuk tindakan dunia.
• /src/redux/actions/countriesActions.js : Tindakan untuk manajemen negara.
• /src/redux/actions/countriesActions.test.js : Tes untuk tindakan negara.
• /src/redux/actions/continentsActions.js : Tindakan untuk manajemen benua.
• /src/redux/actions/continentsActions.test.js : tes untuk tindakan benua.
• /src/redux/reducers : folder untuk redux reducers.
• /src/redux/reducers/rootReducer.js : root reducer untuk aplikasi.
• /src/redux/reducers/worldReducer.js : reducer untuk manajemen dunia.
• /src/redux/reducers/countriesReducer.js : reducer untuk manajemen negara.
• /src/redux/reducers/continentsReducer.js : reducer untuk manajemen benua.
• /src/redux/reducers/*.test.js : tes untuk peredam.
• /public : Berisi file publik dan aset aplikasi.
• /public/index.html : file html base aplikasi.
• /build : Berisi file produksi yang dihasilkan.

Pengaturan

Kloning repositori ini ke folder yang Anda inginkan: https://github.com/claudiarojassoto/metricks_tracker.git

Memasang

Instal proyek ini dengan: Instal StyLelint dan Eslint

Penggunaan

Untuk menjalankan proyek, jalankan perintah berikut: Butuh browser web

Jalankan tes

Untuk menjalankan tes, jalankan perintah berikut: NPM MULAI Anda hanya perlu browser web sederhana untuk menjalankan proyek ini untuk tes

Penulis

? Claudia Rojas

• GitHub: @githubhandle
• LinkedIn: LinkedIn
• AngelList: AngelList

(kembali ke atas)

? Fitur masa depan

• Kunci Pengguna - Masuk

(kembali ke atas)

? Berkontribusi

Kontribusi, masalah, dan permintaan fitur dipersilakan!

Jangan ragu untuk memeriksa halaman masalah.

(kembali ke atas)

️ Tunjukkan dukungan Anda

Jika Anda menyukai proyek ini menunjukkan dukungan dengan mengikuti akun ini

(kembali ke atas)

Ucapan Terima Kasih

• Microverse untuk memberikan kesempatan untuk belajar git dan github dalam lingkungan kolaboratif.

• Dokumen GitHub untuk memberikan banyak informasi tentang git dan github.

• Creative Commons untuk menyediakan desain karya ini.
• Anda dapat mengklik tautan untuk melihat desain asli:
• Desain asli di Behance.
• Nelson Sakwa di Behance, untuk ide desain aslinya.
• Anda dapat mengklik tautan untuk melihat profil Nelson Sakwa di Behance.
• Profil Nelson Sakwa di Behance

(kembali ke atas)

Lisensi

Proyek ini adalah MIT.

(kembali ke atas)