React_Redux_Calculator

React_Redux_Calculator

- สารบัญ

• - สารบัญ
• Markdown_ผู้ดูตัวอย่าง
  • - สร้างด้วย
    • เทคสแต็ค
    • คุณสมบัติที่สำคัญ
  • การสาธิตสด
  • เริ่มต้นใช้งาน
    • โครงสร้างโครงการ
    • ตั้งค่า
    • ติดตั้ง
    • การใช้งาน
    • ทำการทดสอบ
  • ผู้เขียน
  • - คุณสมบัติในอนาคต
  • - มีส่วนร่วม
  • ️ แสดงการสนับสนุนของคุณ
  • รับทราบ
  • ใบอนุญาต

React_Redux_Calculator

แอปพลิเคชันนี้เป็นเครื่องคิดเลขบนเว็บที่พัฒนาใน JavaScript โดยใช้เทคโนโลยี React และ Redux ช่วยให้คุณสามารถดำเนินการทางคณิตศาสตร์ขั้นพื้นฐานได้อย่างง่ายดายและมีประสิทธิภาพ แรงบันดาลใจจากเครื่องคิดเลข JavaScript ที่จัดทำโดย FreeCodeCamp แอพนี้เปิดโอกาสให้คุณนำทักษะการพัฒนาเว็บของคุณไปใช้ในขณะที่สร้างเครื่องคิดเลขที่ใช้งานได้

- สร้างด้วย

เทคสแต็ค

ปฏิกิริยารีดักซ์

• โปรเจ็กต์นี้ใช้ React

HTML

• โปรเจ็กต์นี้ใช้ HTML

ซีเอสเอส

• CSS ใช้เพื่อจัดเตรียมการออกแบบทั้งหน้า

ลินเตอร์ส

• Linters เป็นเครื่องมือที่ช่วยให้เราตรวจสอบและแก้ไขข้อผิดพลาดในโค้ด
โครงการนี้มีสอง linters:
• ซีเอสเอส
• จาวาสคริปต์

คุณสมบัติที่สำคัญ

• สปา
• CRA
• สไตล์
• เราเตอร์
• เข้าสู่ระบบ
• ชุดเครื่องมือ
• ปฏิกิริยา-Redux
• ห้องสมุดทดสอบ Jest & React
• การปรับใช้

(กลับไปด้านบน)

การสาธิตสด

คุณสามารถดูการสาธิตได้ที่นี่

(กลับไปด้านบน)

เริ่มต้นใช้งาน

เมื่อต้องการเรียกใช้สำเนาในเครื่อง ให้ทำตามขั้นตอนเหล่านี้ โปรเจ็กต์นี้ต้องติดตั้ง Node.js และ npm บนเครื่องของคุณ

-Node.js -npm

- โคลนที่เก็บนี้ไปยังเครื่องของคุณโดยใช้:

โคลนคอมไพล์ https://github.com/ClaudiaRojasSoto/React_Redux_Calculator.git

- นำทางไปยังโฟลเดอร์โครงการ:

ซีดี math_magicians

- ติดตั้งการพึ่งพาโครงการ:

ติดตั้ง npm

หากต้องการเริ่มเซิร์ฟเวอร์การพัฒนา ให้รันคำสั่งต่อไปนี้:

เวลา 13.00 น. เริ่มต้น

โครงสร้างโครงการ

โครงการเป็นไปตามโฟลเดอร์และโครงสร้างไฟล์ต่อไปนี้:

• /src : ประกอบด้วยไฟล์ต้นฉบับของแอปพลิเคชัน
• /src/index.js : จุดเริ่มต้นหลักของแอปพลิเคชัน JavaScript
• /src/App.js : ส่วนประกอบระดับบนสุดของแอปพลิเคชันที่มีการเรนเดอร์ส่วนประกอบ
• /src/components : ไดเรกทอรีสำหรับส่วนประกอบ React
• /src/components/Calculator.js : ส่วนประกอบสำหรับเครื่องคิดเลข
• /src/redux : ไดเร็กทอรีสำหรับการจัดการ Redux
• /src/redux/store.js : การกำหนดค่าร้านค้า Redux
• /src/redux/actions : โฟลเดอร์สำหรับการดำเนินการ Redux
• /src/redux/actions/calculatorActions.js : การดำเนินการสำหรับการจัดการเครื่องคิดเลข
• /src/redux/reducers : โฟลเดอร์สำหรับตัวลด Redux
• /src/redux/reducers/calculatorReducer.js : ตัวลดสำหรับการจัดการเครื่องคิดเลข
• /public : ประกอบด้วยไฟล์สาธารณะและทรัพย์สินของแอปพลิเคชัน
• /public/index.html : ไฟล์ HTML พื้นฐานของแอปพลิเคชัน
• /build : ประกอบด้วยไฟล์การผลิตที่สร้างขึ้น

ตั้งค่า

โคลนที่เก็บนี้ไปยังโฟลเดอร์ที่คุณต้องการ: https://github.com/ClaudiaRojasSoto/React_Redux_Calculator.git

ติดตั้ง

ติดตั้งโปรเจ็กต์นี้ด้วย: ติดตั้ง Stylelint และ ESLint

การใช้งาน

ในการรันโปรเจ็กต์ ให้รันคำสั่งต่อไปนี้: เพียงแค่ต้องมีเว็บเบราว์เซอร์

ทำการทดสอบ

หากต้องการรันการทดสอบ ให้รันคำสั่งต่อไปนี้: เริ่มต้น npm คุณเพียงแค่ต้องมีเว็บเบราว์เซอร์ธรรมดาเพื่อรันโปรเจ็กต์นี้สำหรับการทดสอบ

ผู้เขียน

- คลอเดีย โรฮาส

• GitHub: @githubhandle
• ลิงค์อิน: ลิงค์อิน
• AngelList: แองเจิลลิสต์

(กลับไปด้านบน)

- คุณสมบัติในอนาคต

• รหัสผู้ใช้ - เข้าสู่ระบบ

(กลับไปด้านบน)

- มีส่วนร่วม

ยินดีต้อนรับการมีส่วนร่วม ปัญหา และการร้องขอคุณสมบัติ!

อย่าลังเลที่จะตรวจสอบหน้าปัญหา

(กลับไปด้านบน)

️ แสดงการสนับสนุนของคุณ

หากคุณชอบโครงการนี้ แสดงการสนับสนุนโดยติดตามบัญชีนี้

(กลับไปด้านบน)

รับทราบ

• Microverse ที่ให้โอกาสในการเรียนรู้ Git และ GitHub ในสภาพแวดล้อมการทำงานร่วมกัน

• เอกสาร GitHub สำหรับให้ข้อมูลมากมายเกี่ยวกับ Git และ GitHub

(กลับไปด้านบน)

ใบอนุญาต

โครงการนี้คือ MIT

(กลับไปด้านบน)