https://github.com/tinkkid/spaceflight_news

SPA application for viewing and searching for news from the space resource
https://github.com/tinkkid/spaceflight_news

angular angular-material api pipe

Last synced: 2 days ago
JSON representation

SPA application for viewing and searching for news from the space resource

• Host: GitHub
• URL: https://github.com/tinkkid/spaceflight_news
• Owner: Tinkkid
• Created: 2023-07-31T11:59:31.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-08-04T12:40:35.000Z (over 1 year ago)
• Last Synced: 2024-11-18T04:42:17.298Z (2 months ago)
• Topics: angular, angular-material, api, pipe
• Language: HTML
• Homepage: https://tinkkid-space-4d20e6.netlify.app/
• Size: 1.24 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Spaceflight News

SPA application for viewing and searching for news from the space resource. All news are received using [Api SpaceFlight News](https://spaceflightnewsapi.net/).

The project consists of two pages: the main page with all the latest news and search by keyword, and a page where you can view the selected news by clicking the button "Read more".

10 news are displayed on the main page, more news are added when you press the button "Load more".

When the user enters keywords into the field and the system displays all articles containing one of the keywords in the name or/and description. The matched keywords have yellow color.

This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 16.1.0.

Project







### Project built using:

- [Angular CLI](https://github.com/angular/angular-cli) version 16.1.0.

- [Google Fonts](https://fonts.google.com/) - icons

- [Angular Material](https://material.angular.io/)

- [Api SpaceFlight News](https://spaceflightnewsapi.net/)

## Getting Started

1. Clone this repository:

```bash

git clone https://github.com/Tinkkid/Spaceflight_News

```

2. Run `ng serve` for a dev server. 

```bash

ng serve

```

3. Open [http://localhost:4200/](http://localhost:4200/) with your browser to see the result.

## Live page

Open page - use link [Spaceflight news](https://tinkkid-space-4d20e6.netlify.app/)