React_Redux_Calculator

React_Redux_Calculator

? Daftar isi

• ? Daftar isi
• Penurunan Harga_Pratinjau
  • ? 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

React_Redux_Calculator

Aplikasi ini adalah kalkulator web yang dikembangkan dalam JavaScript dengan menggunakan teknologi React dan Redux. Hal ini memungkinkan Anda untuk melakukan operasi matematika dasar dengan mudah dan efisien. Terinspirasi oleh Kalkulator JavaScript yang disediakan oleh FreeCodeCamp, aplikasi ini memberi Anda kesempatan untuk menggunakan keterampilan pengembangan web Anda saat membuat kalkulator yang berfungsi.

? Dibangun Dengan

Tumpukan Teknologi

Bereaksi-redux

• Proyek ini menggunakan React

HTML

• Proyek ini menggunakan HTML.

CSS

• CSS digunakan untuk menyediakan desain di seluruh halaman.

Linter

• Linter adalah alat yang membantu kita memeriksa dan mengatasi kesalahan dalam kode
Proyek ini dihitung dengan dua linter:
• CSS
• JavaScript

Fitur Utama

• SPA
• CRA
• Gaya
• Perute
• Dicatat
• Perangkat
• Bereaksi-Redux
• Perpustakaan Tes Jest & React
• Penyebaran

(kembali ke atas)

Demo Langsung

Anda dapat melihat Demo di sini.

(kembali ke atas)

Memulai

Untuk mengaktifkan dan menjalankan salinan lokal, ikuti langkah-langkah berikut. Proyek ini memerlukan Node.js dan npm diinstal pada mesin Anda.

-Node.js -npm

-Kloning repositori ini ke mesin lokal Anda menggunakan:

git clone https://github.com/ClaudiaRojasSoto/React_Redux_Calculator.git

-Navigasi ke folder proyek:

cd math_magicians

-Instal dependensi proyek:

instalasi npm

Untuk memulai server pengembangan, jalankan perintah berikut:

npm mulai

Struktur Proyek

Proyek ini mengikuti struktur folder dan file berikut:

• /src : Berisi file sumber aplikasi.
• /src/index.js : Titik masuk utama aplikasi JavaScript.
• /src/App.js : Komponen aplikasi tingkat atas tempat komponen dirender.
• /src/components : Direktori untuk komponen React.
• /src/components/Calculator.js : Komponen untuk Kalkulator
• /src/redux : Direktori untuk manajemen Redux.
• /src/redux/store.js : Konfigurasi toko Redux.
• /src/redux/actions : Folder untuk tindakan Redux.
• /src/redux/actions/calculatorActions.js : Tindakan untuk manajemen Kalkulator.
• /src/redux/reducers : Folder untuk reduksi Redux.
• /src/redux/reducers/calculatorReducer.js : Peredam untuk manajemen Kalkulator.
• /public : Berisi file publik dan aset aplikasi.
• /public/index.html : File HTML dasar aplikasi.
• /build : Berisi file produksi yang dihasilkan.

Pengaturan

Kloning repositori ini ke folder yang Anda inginkan: https://github.com/ClaudiaRojasSoto/React_Redux_Calculator.git

Memasang

Instal proyek ini dengan: instal Stylelint dan ESLint

Penggunaan

Untuk menjalankan proyek, jalankan perintah berikut: hanya memerlukan Browser web

Jalankan tes

Untuk menjalankan pengujian, jalankan perintah berikut: npm start Anda hanya memerlukan browser web sederhana untuk menjalankan proyek ini untuk pengujian

Penulis

? Claudia Rojas

• GitHub: @githubhandle
• LinkedIn: LinkedIn
• Daftar Malaikat: Daftar Malaikat

(kembali ke atas)

? Fitur Masa Depan

• Kunci pengguna - login

(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, tunjukkan dukungan dengan mengikuti akun ini

(kembali ke atas)

Ucapan Terima Kasih

• Microverse yang memberikan kesempatan mempelajari Git dan GitHub dalam lingkungan kolaboratif.

• GitHub Docs yang menyediakan banyak informasi tentang Git dan GitHub.

(kembali ke atas)

Lisensi

Proyek ini adalah MIT.

(kembali ke atas)