該新聞應用程式由 GNews 公共 API 提供支持,為用戶提供來自世界各地的最新新聞文章。該應用程式提供了一個用戶友好的介面,其中新聞文章按類別組織,使用戶可以輕鬆瀏覽和閱讀他們感興趣的文章。
基於類別的新聞:該應用程式將新聞文章分為各種類別,包括娛樂、商業、體育、技術、健康、科學等。使用者可以點擊某個類別來查看特定於該類別的文章。
搜尋新聞:該應用程式包括一個搜尋欄,使用戶能夠搜尋特定的新聞文章。用戶可以輸入與自己感興趣的新聞相關的關鍵字,應用程式將根據搜尋查詢顯示相關文章。
文章詳細資訊:每篇文章都顯示標題、描述、發布日期、頻道以及訪問來源網站的連結。這確保用戶在決定閱讀更多內容之前能夠全面了解新聞文章。
響應式設計:該應用程式旨在響應式設計,在不同的螢幕尺寸和裝置上提供無縫體驗。無論用戶是從桌上型電腦、平板電腦還是智慧型手機訪問該應用程序,介面都會平滑地適應他們的設備。
React :該應用程式是使用 React 建構的,React 是一個用於建立使用者介面的流行 JavaScript 函式庫。 React 為創建互動式和動態元件提供了堅實的基礎。
Redux :Redux 用於應用程式中的狀態管理。它有助於管理應用程式的全局狀態,並支援以更有條理和可預測的方式處理資料流。
Styled-Components :Styled-Components 用於設定應用程式的樣式。它允許開發人員在 JavaScript 中編寫 CSS,從而更輕鬆地管理各個元件的樣式。
React-Bootstrap :React-Bootstrap 用於建立響應式和可自訂的 UI 元件。它提供了各種可以輕鬆整合到應用程式中的預建置組件。
Axios :Axios 是用來發出 HTTP 請求的 JavaScript 函式庫。本專案中使用它從 GNews 公共 API 獲取資料。
要在本機電腦上運行 React News 應用程序,請按照以下步驟操作:
git clone https://github.com/simranlotey/react-news-app.git
cd react-news-app
npm install
npm start
歡迎對此新聞應用程式做出貢獻!如果您發現任何問題或有改進建議,請在此儲存庫中提出問題或提交拉取請求。
此新聞應用程式已根據麻省理工學院許可證獲得許可。請根據授權條款隨意使用、修改和分發程式碼。