{"id":18850538,"url":"https://github.com/manthanank/news-app-angular","last_synced_at":"2026-05-18T10:07:57.345Z","repository":{"id":107827325,"uuid":"585657458","full_name":"manthanank/news-app-angular","owner":"manthanank","description":"News App in Angular","archived":false,"fork":false,"pushed_at":"2024-06-25T05:03:32.000Z","size":326,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-10-24T16:42:04.271Z","etag":null,"topics":["angular"],"latest_commit_sha":null,"homepage":"https://news-app-angular.vercel.app","language":"TypeScript","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/manthanank.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-01-05T18:27:44.000Z","updated_at":"2025-07-14T04:26:24.000Z","dependencies_parsed_at":"2024-06-25T06:25:21.994Z","dependency_job_id":"eac1f925-6752-435c-9d25-de0e5bac6c01","html_url":"https://github.com/manthanank/news-app-angular","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/manthanank/news-app-angular","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/manthanank%2Fnews-app-angular","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/manthanank%2Fnews-app-angular/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/manthanank%2Fnews-app-angular/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/manthanank%2Fnews-app-angular/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/manthanank","download_url":"https://codeload.github.com/manthanank/news-app-angular/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/manthanank%2Fnews-app-angular/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":33174091,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-18T09:27:30.708Z","status":"ssl_error","status_checked_at":"2026-05-18T09:27:28.300Z","response_time":71,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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":["angular"],"created_at":"2024-11-08T03:29:50.781Z","updated_at":"2026-05-18T10:07:57.329Z","avatar_url":"https://github.com/manthanank.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Angular News App\n\nThis is a simple news application built with Angular, using the NewsAPI to fetch the latest news headlines. The application allows users to browse top headlines, filter news by category, search for news articles, and paginate through results.\n\n## Features\n\n- Display top headlines from NewsAPI.\n- Filter news articles by category.\n- Search for specific news articles.\n- Pagination to navigate through different pages of news articles.\n- Responsive and attractive UI using Tailwind CSS.\n\n## Prerequisites\n\n- Node.js and npm installed on your machine.\n- Angular CLI installed globally via npm.\n\n## Installation\n\n1. **Clone the repository**:\n\n    ```bash\n    git clone https://github.com/manthanank/news-app-angular.git\n    cd news-app-angular\n    ```\n\n2. **Install the dependencies**:\n\n    ```bash\n    npm install\n    ```\n\n3. **Set up the environment**:\n\n    - Create a file named `environment.ts` in the `src/environments` directory.\n    - Add your NewsAPI key to the environment file:\n\n    ```typescript\n    // src/environments/environment.ts\n    export const environment = {\n      production: false,\n      newsApiKey: 'YOUR_NEWSAPI_KEY'\n    };\n    ```\n\n4. **Start the development server**:\n\n    ```bash\n    ng serve\n    ```\n\n5. **Open the application**:\n\n    Open your browser and navigate to `http://localhost:4200`.\n\n## Using Tailwind CSS\n\nTo include Tailwind CSS in your Angular project, follow these steps:\n\n1. **Install Tailwind CSS**:\n\n    ```bash\n    npm install tailwindcss postcss autoprefixer\n    npx tailwindcss init\n    ```\n\n2. **Configure Tailwind**:\n\n    Update `tailwind.config.js`:\n\n    ```js\n    /** @type {import('tailwindcss').Config} */\n    module.exports = {\n      content: [\n        \"./src/**/*.{html,ts}\",\n      ],\n      theme: {\n        extend: {},\n      },\n      plugins: [],\n    }\n    ```\n\n3. **Update Angular styles**:\n\n    Add the following imports to `src/styles.css`:\n\n    ```css\n    @tailwind base;\n    @tailwind components;\n    @tailwind utilities;\n    ```\n\n    Ensure `src/styles.css` is included in the `styles` array in `angular.json`:\n\n    ```json\n    \"styles\": [\n      \"src/styles.css\"\n    ]\n    ```\n\n## Running Tests\n\nRun unit tests via Angular CLI:\n\n```bash\nng test\n```\n\n## Deployment\n\nTo build the project for production, run:\n\n```bash\nng build\n```\n\nThe build artifacts will be stored in the `dist/` directory.\n\n## Contributing\n\nContributions are welcome! Please feel free to submit a pull request or open an issue.\n\n## License\n\nThis project is licensed under the MIT License.\n\n---\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmanthanank%2Fnews-app-angular","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmanthanank%2Fnews-app-angular","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmanthanank%2Fnews-app-angular/lists"}