Space Website 🚀

A React application that displays NASA's Astronomy Picture of the Day (APOD) with detailed information. Built with React and Vite, using NASA's APOD API.

Features ✨

• Daily NASA astronomical images
• Detailed image information
• Responsive design
• Local storage caching
• Interactive sidebar
• Loading states and error handling

Tech Stack 🛠️

• React 18.3.1
• Vite 5.4.1
• NASA APOD API
• CSS3 with modern features
• Font Awesome icons

Project Structure 📁

src/
├── components/
│   ├── Footer.jsx
│   ├── Main.jsx
│   └── SideBar.jsx
├── App.jsx
├── main.jsx
└── index.css

Getting Started 🚀

Prerequisites

• Node.js (v14+)
• npm or yarn
• NASA API Key from NASA API Portal

Installation

1. Clone the repository:

git clone https://github.com/6Glow/Space-Website.git
cd Space-Website

2. Install dependencies:

npm install

3. Create .env file and add NASA API key:

VITE_NASA_API_KEY=your_api_key_here

4. Start development server:

npm run dev

Contributing 🤝

1. Fork the repository
2. Create feature branch (git checkout -b feature/AmazingFeature)
3. Commit changes (git commit -m 'Add AmazingFeature')
4. Push to branch (git push origin feature/AmazingFeature)
5. Open Pull Request

License 📝

This project is open source and available under the MIT License.