https://github.com/nixoletas/angular-nasa-apod
Angular App to retrieve data from NASA API (Astronomy Picture Of the Day) - practice
https://github.com/nixoletas/angular-nasa-apod
angular nasa-api nasa-apod
Last synced: 6 months ago
JSON representation
Angular App to retrieve data from NASA API (Astronomy Picture Of the Day) - practice
- Host: GitHub
- URL: https://github.com/nixoletas/angular-nasa-apod
- Owner: nixoletas
- Created: 2025-06-16T01:43:17.000Z (about 1 year ago)
- Default Branch: master
- Last Pushed: 2025-06-16T03:50:39.000Z (about 1 year ago)
- Last Synced: 2025-06-16T03:54:25.685Z (about 1 year ago)
- Topics: angular, nasa-api, nasa-apod
- Language: TypeScript
- Homepage:
- Size: 346 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# NASA Astronomy Picture of the Day (APOD) Viewer
A modern web application built with Angular that displays 10 random NASA's Astronomy Picture of the Day collection. Responsive interface to explore stunning astronomical images along with their detailed explanations.
## Features
- View NASA's Astronomy Picture of the Day collection of 10 random images
- Responsive design that works on all devices
- UI with Tailwind CSS styling
- Detailed explanations for each astronomical image
## Technologies Used
- Angular 19
- TypeScript
- Tailwind CSS
- RxJS
- Node.js
## Prerequisites
Before you begin, ensure you have the following installed:
- Node.js (Latest LTS version recommended)
- npm (comes with Node.js)
- Angular CLI (`npm install -g @angular/cli`)
## Installation
1. Clone the repository:
```bash
git clone https://github.com/nixoletas/angular-nasa-apod.git
cd angular-nasa-apod
```
2. Install dependencies:
```bash
npm install
```
## Development
To start the development server:
```bash
ng serve
```
Navigate to `http://localhost:4200/` in your browser. The application will automatically reload if you change any of the source files.
## Building for Production
To build the project for production:
```bash
ng build
```
The build artifacts will be stored in the `dist/` directory.
## Running Tests
To execute the unit tests:
```bash
ng test
```
## Project Structure
```
src/
├── app/
│ ├── pages/
│ │ └── home/ # Main page component
│ ├── services/ # API services
│ └── interface/ # TypeScript interfaces
├── assets/ # Static assets
└── environments/ # Environment configurations
```
## Contributing
1. Fork the repository
2. Create your feature branch (`git checkout -b feature/AmazingFeature`)
3. Commit your changes (`git commit -m 'Add some AmazingFeature'`)
4. Push to the branch (`git push origin feature/AmazingFeature`)
5. Open a Pull Request
## License
This project is licensed under the MIT License - see the LICENSE file for details.
## Acknowledgments
- NASA for providing the APOD API
- Angular team for the amazing framework
- Tailwind CSS for the utility-first CSS framework