Skip to content

A modern web application built with React and TypeScript that visualizes NASA Open API data. Features a user-friendly interface to explore the APOD (Astronomy Picture of the Day), EPIC (Earth Polychromatic Imaging Camera), and other space imagery.

License

Notifications You must be signed in to change notification settings

levilevente/GalacticView-web

Repository files navigation

🌌 GalacticView

React TypeScript Bootstrap Node

A sleek, modern web interface for exploring the cosmos, powered by NASA's Open APIs.


📖 Overview

GalacticView is a web application designed to make astronomical data accessible and visually stunning. Built with React and TypeScript, it fetches real-time data from NASA to render high-quality space imagery and information in a user-friendly dashboard.

While currently a frontend visualization tool, the project has an ambitious roadmap to evolve into a full-stack community platform with AI integration.

🛠 Tech Stack

  • Framework: React
  • Language: TypeScript
  • Styling: React Bootstrap
  • Data Source: NASA Open APIs

🚀 Features & Roadmap

✅ Current Features

  • NASA Data Integration: Seamless fetching and display of astronomical data (APOD, etc.).
  • Modern UI: A responsive and clean interface built with React Bootstrap.
  • Type Safety: Robust codebase using TypeScript.

🔮 Future Roadmap

I am actively working on expanding GalacticView into a comprehensive platform:

  • Backend Service: Developing a dedicated backend to handle user blogposts, comments, review on space experiences.
  • Community Content: Adding support for User Blogs and Reviews.
  • AI Assistant: Integration of an AI-powered bot to answer space-related questions (e.g., "What is a nebula?").

    🤖 Note: The source code for the AI Assistant service is hosted separately at galacticview-agent.


⚙️ Getting Started

Follow these instructions to set up the project locally.

Prerequisites

  • Node.js: Version 16 or higher.
  • Package Manager: Yarn or npm.
  • Recommended Editor: WebStorm (macOS).

Installation

  1. Clone the Repository

    git clone https://github.com/levilevente/GalacticView.git
    cd GalacticView
  2. Install Dependencies

    npm install
    # or
    yarn install
  3. Configure Environment

    • Obtain a free API Key from api.nasa.gov.
    • Create a .env file in the root directory.
    • Add your key:
      VITE_NASA_API_KEY=your_key_here
  4. Run the Application

    npm start
    # or
    yarn start

📸 Screenshots

Screen 1
Screen 2
Screen 3
Screen 4


📄 License

This project is licensed under the Apache License 2.0 - see the LICENSE file for details.

About

A modern web application built with React and TypeScript that visualizes NASA Open API data. Features a user-friendly interface to explore the APOD (Astronomy Picture of the Day), EPIC (Earth Polychromatic Imaging Camera), and other space imagery.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published