{"id":19457104,"url":"https://github.com/anchaldevbytes/newsroute","last_synced_at":"2025-10-26T02:40:02.931Z","repository":{"id":206638660,"uuid":"715923910","full_name":"AnchalDevBytes/newsroute","owner":"AnchalDevBytes","description":null,"archived":false,"fork":false,"pushed_at":"2024-01-25T08:26:42.000Z","size":2385,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-07-03T17:13:08.747Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"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/AnchalDevBytes.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}},"created_at":"2023-11-08T05:25:38.000Z","updated_at":"2024-04-08T10:21:23.000Z","dependencies_parsed_at":"2024-03-08T11:54:07.756Z","dependency_job_id":null,"html_url":"https://github.com/AnchalDevBytes/newsroute","commit_stats":null,"previous_names":["anchalraj31082004/newsroute","anchaldevbytes/newsroute"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/AnchalDevBytes/newsroute","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AnchalDevBytes%2Fnewsroute","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AnchalDevBytes%2Fnewsroute/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AnchalDevBytes%2Fnewsroute/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AnchalDevBytes%2Fnewsroute/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/AnchalDevBytes","download_url":"https://codeload.github.com/AnchalDevBytes/newsroute/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AnchalDevBytes%2Fnewsroute/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":279000742,"owners_count":26082932,"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","status":"online","status_checked_at":"2025-10-09T02:00:07.460Z","response_time":59,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":[],"created_at":"2024-11-10T17:19:47.881Z","updated_at":"2025-10-09T05:35:06.100Z","avatar_url":"https://github.com/AnchalDevBytes.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# NewsRoute\n\nNewsLok is a React-based News app that allows you to stay updated with the latest news articles. It comes with various features to enhance your news reading experience.\n\n![Home page](./src/assets/1-NRHome.png)\n\n## Features\n\n### 1. Fetching News\n\n- Integration with a news API to fetch the latest news articles.\n- Support for different news categories (e.g., technology, sports, politics).\n- Infinite scroll for continuous news loading.\n\n### 2. Carousel Display\n\n- Implementation of a carousel to showcase featured news articles.\n- Dynamic display of the news articles in the carousel.\n- Customizable carousel settings for user preferences.\n\n### 3. User Interaction\n\n- User-friendly interface for a seamless news reading experience.\n\n### 4. Search Functionality\n\n- Integration of a search bar for users to find specific news articles.\n- Filtering options of major categories(sports, business, technology etc).\n\n## Getting Started\n\nFollow these steps for set up and run the project loally:\n\n### Prerequisites\n\n- Node.js and npm installed on your machine.\n- An API key from NewsAPI.\n\n### Installation\n\n1. CLone the repository:\n\n   ```bash\n   git clone https://github.com/anchalraj31082004/newsroute\n   ```\n2. Navigate to the project directory:\n\n    ```bash\n    cd newsroute\n    ```\n\n3. Install dependencies:\n\n    ```bash\n    npm install\n    ``` \n\n4. Rename the `.env.sample` to `.env` file in the root directory and add your API key:\n\n    ```env\n    VITE_API_BASE_URL=\"https://newsapi.org/v2\"\n    VITE_API_KEY=\"{Your_API_KEY_FROM_NewsAPI}\"\n    ```\n\n    Replace `YOUR_API_KEY_FROM_NewsAPI` with your actual API key.\n\n5. Start the development server:\n\n    ```bash\n    npm run dev\n    ```\n\n6. Open your browser and visit http://localhost:5173 to view the app.   \n\n### Extra screenshots\n\n![Main News](./src/assets/2-NR-Home.png)\n\n![Sports News](./src/assets/3-Sports.png)\n\n![Bookmarks](./src/assets/4-Bookmarks.png)\n\n\n# Deployment Considerations\n\n## NewsAPI.org Limitations\n\nNewsroute relies on the NewsAPI.org service to fetch real-time news data.\nHowever, please note that the NewsAPI.org free tier is intended for development purposes only.\nAdditionally, CORS (Cross-Origin Resource Sharing) is only enabled for localhost in the free tier.\n\n## Deploying to Production\n\nTo deploy NewsRoute to a production environment, you'll need to upgrade to a paid plan on NewsAPI.org to remove development restrictions and enable CORS for your production domain.\n\n1. **Upgrade NewsAPI.org Plan:**\n   Visit [NewsAPI.org Pricing](https://newsapi.org/pricing) and choose a plan that suits your application's needs. Follow the instructions to upgrade your account.\n\n2. **Configure CORS:**\n   After upgrading, configure CORS settings on NewsAPI.org to allow requests from your production domain. This ensures that your deployed app can fetch news data successfully.\n\n3. **Update API Key:**\n   Replace the NewsAPI.org API key in your app with the new key associated with your upgraded plan.\n\n## That is why I didn't deployed, you set it up in localhost or you can deploy it for your own experience.\n\n## Demo video\nhttps://github.com/anchalraj31082004/newsroute/assets/126651793/d95f9cc3-26a5-4c21-8525-66984bb48206\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fanchaldevbytes%2Fnewsroute","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fanchaldevbytes%2Fnewsroute","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fanchaldevbytes%2Fnewsroute/lists"}