หน้าแรก>การเขียนโปรแกรมที่เกี่ยวข้อง>ส่วนประกอบของบุคคลที่สาม
ดาวน์โหลด

ตัวติดตามตัวชี้วัด

- สารบัญ

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

ตัวติดตามตัวชี้วัด

ยินดีต้อนรับสู่ Metricks Tracker เว็บแอปมือถือโดยใช้ React และ Redux! สำรวจ API ที่เลือกตรวจสอบและรับข้อมูลได้อย่างง่ายดาย! Metricks Tracker มุ่งเน้นไปที่ประชากรโลกเป็นหลักเพื่อเสนอการวิเคราะห์ข้อมูลอย่างละเอียดและมีความหมายที่เกี่ยวข้องกับพื้นที่นี้ ด้วยตัวติดตาม Metricks คุณจะสามารถเข้าถึงข้อมูลที่มีค่าและทันสมัยเกี่ยวกับประชากรโลกช่วยให้คุณสามารถตัดสินใจอย่างชาญฉลาดและได้รับความเข้าใจที่ชัดเจนขึ้นเกี่ยวกับรูปแบบและแนวโน้มทางประชากรศาสตร์ เริ่มใช้ Metricks Tracker ทันทีและค้นพบโลกของข้อมูลทางสถิติที่ปลายนิ้วของคุณ! นี่คือลิงค์ไปยังการนำเสนอวิดีโอ

- สร้างขึ้นด้วย

ซ้อนเทค

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

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

  • สปา
  • กะโหลก
  • รูปแบบ
  • เราเตอร์
  • เข้าสู่ระบบ
  • ชุดเครื่องมือ
  • react-redux
  • jest & React Test Library
  • การปรับใช้

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

การสาธิตสด

คุณสามารถดูตัวอย่างได้ที่นี่

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

เริ่มต้น

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

-node.js -npm

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

git clone https://github.com/claudiarojassoto/metricks_tracker.git

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

CD Math_Magicians

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

การติดตั้ง NPM

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

NPM เริ่มต้น

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

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

  • /src : มีไฟล์ต้นฉบับของแอปพลิเคชัน
  • /src/index.js : จุดเข้าหลักของแอปพลิเคชัน JavaScript
  • /src/App.js : ส่วนประกอบระดับบนสุดของแอปพลิเคชันที่ส่วนประกอบจะแสดงผล
  • /src/components : ไดเรกทอรีสำหรับส่วนประกอบปฏิกิริยา
  • /src/components/HomePage.js : ส่วนประกอบสำหรับโฮมเพจ
  • /src/components/HomePage.test.js : การทดสอบสำหรับโฮมเพจ
  • /src/components/HomePage.css : สไตล์สำหรับโฮมเพจ
  • /src/components/navbar : โฟลเดอร์สำหรับส่วนประกอบแถบการนำทาง
  • /src/components/navbar/Navbar.js : ส่วนประกอบสำหรับแถบการนำทาง
  • /src/components/navbar/Navbar.test.js : การทดสอบสำหรับแถบการนำทาง
  • /src/components/navbar/Navbar.css : สไตล์สำหรับแถบการนำทาง
  • /src/components/details : โฟลเดอร์สำหรับส่วนประกอบรายละเอียด
  • /src/components/details/Details.js : ส่วนประกอบสำหรับรายละเอียด
  • /src/components/details/Details.test.js : การทดสอบรายละเอียด
  • /src/components/details/Details.css : สไตล์สำหรับรายละเอียด
  • /src/components/countries : โฟลเดอร์สำหรับส่วนประกอบของประเทศ
  • /src/components/countries/Countries.js : ส่วนประกอบสำหรับประเทศ
  • /src/components/countries/Countries.test.js : การทดสอบสำหรับประเทศ
  • /src/components/countries/Countries.css : สไตล์สำหรับประเทศ
  • /src/imagesContinents : มีโฟลเดอร์ของภาพของทวีป
  • /src/imagesContinents/continents : โฟลเดอร์ที่มีรูปภาพของทวีป
  • /src/redux : ไดเรกทอรีสำหรับการจัดการ Redux
  • /src/redux/store.js : การกำหนดค่า Redux Store
  • /src/redux/actions : โฟลเดอร์สำหรับการกระทำ Redux
  • /src/redux/actions/worldActions.js : การกระทำเพื่อการจัดการโลก
  • /src/redux/actions/worldActions.test.js : การทดสอบการกระทำของโลก
  • /src/redux/actions/countriesActions.js : การกระทำเพื่อการจัดการประเทศ
  • /src/redux/actions/countriesActions.test.js : การทดสอบสำหรับการกระทำของประเทศ
  • /src/redux/actions/continentsActions.js : การกระทำสำหรับการจัดการทวีป
  • /src/redux/actions/continentsActions.test.js : การทดสอบสำหรับการกระทำของทวีป
  • /src/redux/reducers : โฟลเดอร์สำหรับ redux reducers
  • /src/redux/reducers/rootReducer.js : Root Reducer สำหรับแอปพลิเคชัน
  • /src/redux/reducers/worldReducer.js : ลดการจัดการระดับโลก
  • /src/redux/reducers/countriesReducer.js : ลดการจัดการสำหรับประเทศ
  • /src/redux/reducers/continentsReducer.js : ลดการจัดการทวีป
  • /src/redux/reducers/*.test.js : การทดสอบสำหรับตัวลด
  • /public : มีไฟล์สาธารณะและสินทรัพย์ของแอปพลิเคชัน
  • /public/index.html : ไฟล์ฐาน HTML ของแอปพลิเคชัน
  • /build : มีไฟล์การผลิตที่สร้างขึ้น

การตั้งค่า

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

ติดตั้ง

ติดตั้งโครงการนี้ด้วย: ติดตั้ง Stylelint และ Eslint

การใช้งาน

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

เรียกใช้การทดสอบ

ในการเรียกใช้การทดสอบให้เรียกใช้คำสั่งต่อไปนี้: NPM เริ่ม

ผู้เขียน

- Claudia Rojas

  • GitHub: @githubhandle
  • LinkedIn: LinkedIn
  • Angellist: Angellist

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

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

  • ปุ่มผู้ใช้ - เข้าสู่ระบบ

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

- การบริจาค

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

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

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

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

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

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

กิตติกรรมประกาศ

  • Microverse สำหรับการให้โอกาสในการเรียนรู้ Git และ GitHub ในสภาพแวดล้อมการทำงานร่วมกัน
  • เอกสาร GitHub สำหรับการให้ข้อมูลมากมายเกี่ยวกับ Git และ GitHub
  • Creative Commons สำหรับการออกแบบงานนี้
  • คุณสามารถคลิกที่ลิงค์เพื่อดูการออกแบบดั้งเดิม:
  • การออกแบบดั้งเดิมบน Behance
  • Nelson Sakwa ใน Behance สำหรับแนวคิดการออกแบบดั้งเดิมของเธอ
  • คุณสามารถคลิกที่ลิงค์เพื่อดูโปรไฟล์ Nelson Sakwa บน Behance
  • โปรไฟล์ Nelson Sakwa บน Behance

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

ใบอนุญาต

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

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

ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด