react news app

แอพข่าว

แอปข่าวนี้ขับเคลื่อนโดย API สาธารณะของ GNews และมอบบทความข่าวล่าสุดจากทั่วโลกแก่ผู้ใช้ แอปนี้มีอินเทอร์เฟซที่เป็นมิตรต่อผู้ใช้ โดยจัดเรียงบทความข่าวตามหมวดหมู่ ทำให้ผู้ใช้สามารถเรียกดูและอ่านบทความที่สนใจได้อย่างง่ายดาย

คุณสมบัติ

• ข่าวตามหมวดหมู่ : แอปจัดหมวดหมู่บทความข่าวเป็นหมวดหมู่ต่างๆ รวมถึง บันเทิง ธุรกิจ กีฬา เทคโนโลยี สุขภาพ วิทยาศาสตร์ และอื่นๆ ผู้ใช้สามารถคลิกที่หมวดหมู่เพื่อดูบทความเฉพาะสำหรับหมวดหมู่นั้นได้

• ค้นหาข่าว : แอปนี้มีแถบค้นหาที่ช่วยให้ผู้ใช้สามารถค้นหาบทความข่าวที่ต้องการได้ ผู้ใช้สามารถป้อนคำสำคัญที่เกี่ยวข้องกับข่าวที่พวกเขาสนใจ และแอปจะแสดงบทความที่เกี่ยวข้องตามคำค้นหา

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

• การออกแบบที่ตอบสนอง : แอปได้รับการออกแบบมาให้ตอบสนอง มอบประสบการณ์ที่ราบรื่นบนขนาดหน้าจอและอุปกรณ์ต่างๆ ไม่ว่าผู้ใช้จะเข้าถึงแอปจากเดสก์ท็อป แท็บเล็ต หรือสมาร์ทโฟน อินเทอร์เฟซจะปรับให้เข้ากับอุปกรณ์ได้อย่างราบรื่น

เทคโนโลยีที่ใช้

• React : แอปนี้สร้างขึ้นโดยใช้ React ซึ่งเป็นไลบรารี JavaScript ยอดนิยมสำหรับการสร้างส่วนต่อประสานกับผู้ใช้ React มอบรากฐานที่แข็งแกร่งสำหรับการสร้างส่วนประกอบเชิงโต้ตอบและไดนามิก

• Redux : Redux ใช้สำหรับการจัดการสถานะในแอป ช่วยจัดการสถานะโดยรวมของแอปพลิเคชันและช่วยให้มีวิธีการจัดการกระแสข้อมูลที่มีการจัดระเบียบและคาดการณ์ได้มากขึ้น

• Styled-Components : Styled-Components ใช้สำหรับจัดสไตล์แอป ช่วยให้นักพัฒนาสามารถเขียน CSS ภายใน JavaScript ทำให้ง่ายต่อการจัดการสไตล์สำหรับแต่ละองค์ประกอบ

• React-Bootstrap : React-Bootstrap ใช้สำหรับการสร้างส่วนประกอบ UI ที่ตอบสนองและปรับแต่งได้ มีส่วนประกอบที่สร้างไว้ล่วงหน้ามากมายซึ่งสามารถรวมเข้ากับแอปได้อย่างง่ายดาย

• Axios : Axios เป็นไลบรารี JavaScript ที่ใช้เพื่อสร้างคำขอ HTTP ใช้ในโครงการนี้เพื่อดึงข้อมูลจาก API สาธารณะของ GNews

การใช้งาน

หากต้องการเรียกใช้แอป React News บนเครื่องของคุณ ให้ทำตามขั้นตอนเหล่านี้:

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

 git clone https://github.com/simranlotey/react-news-app.git

2. นำทางไปยังไดเร็กทอรีโครงการ:

 cd react-news-app

3. ติดตั้งการพึ่งพาที่จำเป็น:

 npm install

4. เริ่มเซิร์ฟเวอร์การพัฒนา:

 npm start

5. เปิดเว็บเบราว์เซอร์ของคุณแล้วไปที่ http://localhost:3000 เพื่อเข้าถึงแอป

มีส่วนร่วม

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

ใบอนุญาต

แอปข่าวนี้ได้รับอนุญาตภายใต้ใบอนุญาต MIT อย่าลังเลที่จะใช้ แก้ไข และแจกจ่ายโค้ดตามเงื่อนไขของใบอนุญาต

รับทราบ

• แอพนี้ใช้ API สาธารณะของ GNews เพื่อดึงบทความข่าว เยี่ยมชมเว็บไซต์ของพวกเขาสำหรับข้อมูลเพิ่มเติม: GNews API