https://github.com/camerodev/nasa-data-explorer
React + Node.js NASA API Explorer
https://github.com/camerodev/nasa-data-explorer
Last synced: 8 months ago
JSON representation
React + Node.js NASA API Explorer
- Host: GitHub
- URL: https://github.com/camerodev/nasa-data-explorer
- Owner: camerodev
- Created: 2025-08-10T11:56:11.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2025-08-10T12:44:16.000Z (10 months ago)
- Last Synced: 2025-08-10T13:27:14.317Z (10 months ago)
- Language: JavaScript
- Size: 39.1 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# NASA Mission Control
A full-stack web application to explore data from NASA's public APIs, including Astronomy Picture of the Day (APOD), Mars Rover Photos, Near Earth Objects (NEO) data, and NASA Image/Video Library.
## Tech Stack
### Backend
- Node.js + Express
- Axios for NASA API requests
- express-rate-limit for API rate limiting
- Helmet + CORS for security
- Compression for performance
### Frontend
- React + Vite
- React Query for data fetching and caching
- Material UI for UI components
- Lightbox for image viewing
## Getting Started
### 1. Clone the Repository
```
git clone https://github.com/camerodev/nasa-data-explorer.git
cd nasa-data-explorer
```
### 2. Backend Setup
```
cd backend
npm install
```
- Create a .env file
```
bash
cp .env.example .env
```
You can get a free NASA API key from: https://api.nasa.gov/ and change the NASA_API_KEY with yours.
```
NASA_API_KEY=your_nasa_api_key
PORT=4000
```
- Start the backend:
```
npm run dev
```
### 3. Frontend Setup
```
cd ../frontend
npm install
```
- Create a .env file
```
VITE_API_BASE_URL=http://localhost:4000/api
```
- Start the frontend:
```
npm run dev
```
## Planned Features
- User Authentication
- Mobile Optimization: Further improve responsiveness for small devices.
- Backend Tests: Add unit and integration tests for reliability.