{"id":29460701,"url":"https://github.com/vero-code/quick-articles","last_synced_at":"2025-07-14T02:32:46.588Z","repository":{"id":244842015,"uuid":"816347516","full_name":"vero-code/quick-articles","owner":"vero-code","description":null,"archived":false,"fork":false,"pushed_at":"2024-06-19T14:38:30.000Z","size":158,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-04-03T20:33:24.954Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"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/vero-code.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":"2024-06-17T14:59:13.000Z","updated_at":"2024-06-19T14:38:33.000Z","dependencies_parsed_at":"2024-06-17T20:43:42.390Z","dependency_job_id":"766b171b-fafc-44ae-9896-a93a6fafae47","html_url":"https://github.com/vero-code/quick-articles","commit_stats":null,"previous_names":["vero-git-hub/quick-articles","vero-code/quick-articles"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/vero-code/quick-articles","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vero-code%2Fquick-articles","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vero-code%2Fquick-articles/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vero-code%2Fquick-articles/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vero-code%2Fquick-articles/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/vero-code","download_url":"https://codeload.github.com/vero-code/quick-articles/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vero-code%2Fquick-articles/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":265233753,"owners_count":23731825,"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":[],"created_at":"2025-07-14T02:30:51.233Z","updated_at":"2025-07-14T02:32:46.509Z","avatar_url":"https://github.com/vero-code.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Quick Articles\n\n## Overview\n\nQuick Articles is a Single Page Application (SPA) built with Angular, designed to fetch and display articles from the Spaceflight News API. The application features a homepage with article cards, a search functionality to filter articles by keywords, and individual article pages for detailed views.\n\n## Features\n\n- **Homepage**: Displays a list of articles with titles, summaries, and publish dates.\n- **Search**: Filters articles by keywords in the title or summary.\n- **Article Page**: Shows detailed view of the selected article.\n\n## Technologies Used\n\n- **Angular (v18.0.4)**: Framework for building the SPA.\n- **Angular Material**: UI component library for styling and responsive design.\n- **RxJS**: Reactive Extensions for asynchronous operations.\n- **Spaceflight News API**: Source of article data.\n- **npm (v10.8.1)**: Package manager for Node.js.\n- **Node.js (v20.14.0)**: JavaScript runtime environment.\n- **Sass**: CSS preprocessor for styling.\n\n## Installation\n\n1. **Clone the repository**:\n    ```bash\n    git clone https://github.com/vero-git-hub/quick-articles.git\n    cd quick-articles\n    ```\n\n2. **Install dependencies**:\n    ```bash\n    npm install\n    ```\n\n3. **Run the application**:\n    ```bash\n    ng serve\n    ```\n\n4. Open your browser and navigate to `http://localhost:4200`.\n\n## Usage\n\n### Home Page\n\n- Displays article cards with a summary truncated to 100 characters.\n- Each card has a \"Read more\" button leading to the article page.\n\n### Search\n\n- Located at the top of the homepage.\n- Filters articles based on keywords entered in the search input.\n- Highlights matching keywords in the title and summary.\n- Priority in search is given to the title.\n\n### Article Page\n\n- Displays the full article with an image, title, and full summary.\n- The \"Read full article\" link opens the full article on the website.\n- The \"Back to homepage\" link returns to the homepage.\n\n## Code Structure\n\n- **app.component.ts**: Main component loading the application.\n- **home.component.ts**: Component for the homepage, including search functionality.\n- **article.component.ts**: Component for displaying individual articles.\n- **article.service.ts**: Service for fetching articles from the API.\n- **styles.css**: Global styles including custom theme.\n\n## Known Issues\n\n- Initial loading of articles may have a delay due to API fetch.\n- Ensure the API version is up-to-date (currently using v4).\n\n## Contributing\n\n1. Fork the repository.\n2. Create a new branch (`git checkout -b feature-branch`).\n3. Commit your changes (`git commit -m 'Add new feature'`).\n4. Push to the branch (`git push origin feature-branch`).\n5. Open a pull request.\n\n## License\n\nThis project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.\n\n---\n\nFeel free to reach out if you have any questions or need further assistance!\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvero-code%2Fquick-articles","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fvero-code%2Fquick-articles","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvero-code%2Fquick-articles/lists"}