{"id":19316897,"url":"https://github.com/pushpendra-1697/news-app-react","last_synced_at":"2026-05-07T14:41:38.098Z","repository":{"id":185081016,"uuid":"672966848","full_name":"Pushpendra-1697/News-App-React","owner":"Pushpendra-1697","description":"A React-based news app is an excellent way to showcase the capabilities of the React library and provide users with a seamless, engaging, and informative news reading experience. By leveraging React's component-based architecture, developers can efficiently build and maintain a feature-rich news application with a modern user interface.","archived":false,"fork":false,"pushed_at":"2023-08-01T05:33:19.000Z","size":214,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-06T04:13:03.118Z","etag":null,"topics":["authentication","chakra-ui","components","context-api","csr","html-css-javascript","react-icons","react-router-dom","reactjs"],"latest_commit_sha":null,"homepage":"https://myapp-opal-alpha.vercel.app","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Pushpendra-1697.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-07-31T15:04:57.000Z","updated_at":"2023-08-01T05:05:06.000Z","dependencies_parsed_at":null,"dependency_job_id":"a4c66221-79b9-413e-b5b0-3b609df68997","html_url":"https://github.com/Pushpendra-1697/News-App-React","commit_stats":null,"previous_names":["pushpendra-1697/new-app-react","pushpendra-1697/news-app-react"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Pushpendra-1697%2FNews-App-React","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Pushpendra-1697%2FNews-App-React/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Pushpendra-1697%2FNews-App-React/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Pushpendra-1697%2FNews-App-React/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Pushpendra-1697","download_url":"https://codeload.github.com/Pushpendra-1697/News-App-React/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":240420938,"owners_count":19798501,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["authentication","chakra-ui","components","context-api","csr","html-css-javascript","react-icons","react-router-dom","reactjs"],"created_at":"2024-11-10T01:13:02.984Z","updated_at":"2025-10-27T13:15:15.378Z","avatar_url":"https://github.com/Pushpendra-1697.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# News-App-React\n\n# Overview\nA React-based news app is an excellent way to showcase the capabilities of the React library and provide users with a seamless, engaging, and informative news reading experience. By leveraging React's component-based architecture, developers can efficiently build and maintain a feature-rich news application with a modern user interface.\n\n## Installation\n\nClone the Repository from GitHub. Then do the following steps:\n\n```bash\n    npm install\n    \n    npm run start\n    (or)\n    npm start\n```\n# Tech Stack:\nReact.js, react-router-dom, chakra-ui, react-icons, and Context-API.\n\n# Project Live link:\nhttps://myapp-opal-alpha.vercel.app\n\n## NOTE: Actually newsapi.org api in developer plan is no more working in production. because in developer plan CORS is only enabled for localhost.\n\n# Some Output ScreenShots:\n\n![Screenshot (346)](https://github.com/Pushpendra-1697/News-App-React/assets/104748364/c3b38b6d-01cc-434c-80ae-279c6036286e)\n![Screenshot (347)](https://github.com/Pushpendra-1697/News-App-React/assets/104748364/3ca783dc-9cae-4c9a-8143-7987ebea1125)\n![Screenshot (348)](https://github.com/Pushpendra-1697/News-App-React/assets/104748364/6618c86a-ce39-49de-8561-1af1d520084a)\n![Screenshot (349)](https://github.com/Pushpendra-1697/News-App-React/assets/104748364/ffa8be80-f155-4f12-8999-08418d50920b)\n![Screenshot (350)](https://github.com/Pushpendra-1697/News-App-React/assets/104748364/4173c97b-5508-4a40-a48c-d1ff8759c1c8)\n![Screenshot (351)](https://github.com/Pushpendra-1697/News-App-React/assets/104748364/2351a962-2b7b-4537-825d-335d3a586839)\n![Screenshot (352)](https://github.com/Pushpendra-1697/News-App-React/assets/104748364/d0bb8271-d0f4-4a89-a63d-19691017dd3a)\n![Screenshot (353)](https://github.com/Pushpendra-1697/News-App-React/assets/104748364/10e6e240-e68c-4054-8cb2-81876564638e)\n![Screenshot (354)](https://github.com/Pushpendra-1697/News-App-React/assets/104748364/1e5c0a27-ee9d-4513-a43f-af8b57c760eb)\n![Screenshot (355)](https://github.com/Pushpendra-1697/News-App-React/assets/104748364/93dcbb1f-d215-459a-b0dd-15a41fbd1d45)\n![Screenshot (356)](https://github.com/Pushpendra-1697/News-App-React/assets/104748364/031129e1-2ef0-4b24-a599-688e6b83af32)\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpushpendra-1697%2Fnews-app-react","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpushpendra-1697%2Fnews-app-react","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpushpendra-1697%2Fnews-app-react/lists"}