https://github.com/apfirebolt/react_nasa_api
An application in React 19 which shows SpaceX data from their open API. For UI components it uses Ant Design components.
https://github.com/apfirebolt/react_nasa_api
antd antdesign api-integration react-redux react19 redux-toolkit spacex-api vite vitest
Last synced: 1 day ago
JSON representation
An application in React 19 which shows SpaceX data from their open API. For UI components it uses Ant Design components.
- Host: GitHub
- URL: https://github.com/apfirebolt/react_nasa_api
- Owner: Apfirebolt
- License: other
- Created: 2025-02-19T03:12:07.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-11-15T20:16:02.000Z (6 months ago)
- Last Synced: 2025-11-15T22:08:31.871Z (6 months ago)
- Topics: antd, antdesign, api-integration, react-redux, react19, redux-toolkit, spacex-api, vite, vitest
- Language: JavaScript
- Homepage:
- Size: 911 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
# React NASA API
A hobby application to test UI components of Ant design. For data it uses open API exposed from SpaceX.
### Features
- **SpaceX API Integration**: Fetches data from SpaceX's public APIs.
- **Responsive Design**: Ensures the app looks good on all devices.
- **State Management**: Utilizes Redux and Redux Toolkit for state management.
- **UI Components**: Built with Ant Design for a sleek and modern interface.
- **Fast Development**: Uses Vite for a fast and optimized development experience.
- **Linting and Formatting**: Integrated ESLint for code quality and consistency.
### Prerequisites
Make sure you have the following installed:
- [Node.js](https://nodejs.org/) (version 14 or higher)
- [npm](https://www.npmjs.com/) or [yarn](https://yarnpkg.com/)
### Screenshots
Here are some screenshots of the application:
### Installation
1. Clone the repository:
```sh
git clone https://github.com/apfirebolt/react_nasa_api.git
cd react_nasa_api
```
2. Install the dependencies:
```sh
npm install
# or
yarn install
```
### Running the Development Server
To start the development server, run:
```sh
npm run dev
# or
yarn dev
```
This will start the Vite development server and you can view the application by navigating to `http://localhost:3000` in your browser.
### Building for Production
To create a production build, run:
```sh
npm run build
# or
yarn build
```
This will bundle the application into static files for production.
### Docker Deployment
Create image from the Dockerfile using the command
```
docker build -t nasa_image .
```
Using the Docker desktop tool run the application.
### Linting
To lint the project, run:
```sh
npm run lint
# or
yarn lint
```
### Project Structure
```plaintext
react_nasa_api/
├── public/ # Static assets
├── src/ # Source files
│ ├── assets/ # Assets like images, styles, etc.
│ ├── components/ # React components
│ ├── pages/ # Page components
│ ├── App.jsx # Main App component
│ ├── main.jsx # Entry point
├── .eslintrc.js # ESLint configuration
├── vite.config.js # Vite configuration
├── package.json # Project metadata and dependencies
└── README.md # Project documentation
```
### Contributing
Contributions are welcome! Please open an issue or submit a pull request.
### License
This project is licensed under the MIT License. See the [LICENSE](LICENSE) file for details.
### Acknowledgements
- [NASA API](https://api.nasa.gov/) for providing the data
- [React](https://reactjs.org/) for the UI library
- [Vite](https://vitejs.dev/) for the build tool
- [ESLint](https://eslint.org/) for the linting tool
### Contact
If you have any questions, feel free to reach out at [aspper20@gmail.com](mailto:aspper20@gmail.com).