Space Flight news with React lets you see the latest space related news in your browser.

"Notícias de voos espaciais com React permite ver as últimas notícias relacionadas ao espaço em seu navegador." - Portuguese description.

Why (por que?)  |  Demo  |  How to use? (Como usar)  |  About Space Flight News  |  Features  |  License

🧑‍🎓 Why?

To learn basic ReactJS techniques with Typescript. To also learn and use React Router DOM for page routing.
To learn how to use tailwind CSS in styling a complete page, which fetches and displays news coming from the Spaceflight News API.
Spaceflight news API is an API (Application Programming Interface) that shows overview of the latest spaceflight news from various sources!

Para aprender técnicas básicas do ReactJS com Typescript. Para também aprender e usar React Router DOM para roteamento de páginas.
Para aprender a usar tailwind CSS na estilização de uma página completa, que busca e mostra notícias vindas da Spaceflight News API.
Spaceflight news API é uma API (Interface de programação de aplicações) que mostra uma visão geral das últimas notícias do voo espacial, de várias fontes!

🚀 Demo

🤜💥 DEMO 💥🤛

space-flight-demo.mp4

🖥️ To use

1. Clone and open this project

1.1 Clone this repository (Clone este repositório)

  git clone https://github.com/rapha-developer/space-flight-news-react.git

1.2 Go to the project directory (Vá para o diretório do projeto)

 cd space-flight-news-react

2. Install dependencies and start the server with NPM

2.1 Install dependencies with NPM

  npm install 

2.2 Execute application with NPM

  npm run dev

👉 OR (Ou)

2. Install dependencies and start the server with Yarn

2.1 Install dependencies with Yarn

  yarn install 

2.2 Execute application with Yarn

  yarn dev

⚡ About Space flight

Spaceflight News API (SNAPI) enables developers to add the latest spaceflight news to their apps.
Check the documentation and other project information HERE

Spaceflight News API (SNAPI) permite que os desenvolvedores adicionem as últimas notícias de voos espaciais aos seus aplicativos.
Veja a documentação e outras informações do projeto AQUI

⚒️ Features

✅ Search for the latest spaceflight news based on user input.
(Pesquise as últimas notícias sobre voo espacial com base na entrada do usuário!)

✅ Click on a headline and check out the full article.
(Clique em uma manchete e confira o artigo completo!)

📝 License

This project is licensed under the MIT license.