Spacenewzz! is a React application that allows users to browse the latest news articles related to space exploration. It utilizes the Spaceflight News API to fetch and display news articles, along with some fun Chuck Norris facts to keep users entertained while the data is loading.
- Browse the latest space news articles.
- Search for specific news articles by title.
- Sort news articles by recent or older publication dates.
- Toggle between light and dark modes for better readability.
- Enjoy Chuck Norris facts while waiting for data to load.
The Board component serves as the main interface for browsing news articles. It includes functionalities such as searching for articles, sorting articles by date, navigating between pages of articles, and toggling between light and dark modes.
The LoadingScreen component provides users with a loading animation and displays random Chuck Norris facts fetched from a local JSON file, previously fetched from the Chuck Norris API, while waiting for data to load.
To run the Space News Board locally, follow these steps:
- Clone the repository:
git clone https://github.com/TechnoZombie/spacenewzz.git - Navigate to the project directory:
cd spacenewzz - Install dependencies:
npm install - Start the development server:
npm run dev
- React
- JavaScript
- HTML/CSS
- Spaceflight News API
- Chuck Norris API
- Spaceflight News API: https://spaceflightnewsapi.net/
- Chuck Norris API: https://api.chucknorris.io/
- Artwork "Dancing Chuck" by jesgrad07
This project is licensed under the MIT License - see the LICENSE file for details. Copyright (c) 2024