Solar System Explorer

Welcome to the Solar System Explorer project! This application showcases interactive solar system features using Three.js and provides a rich user experience with background music and dynamic visuals.

Features

• Navbar:

  • Facts: Displays random solar system facts.
  • All Planets: Navigates to specific pages for each planet with detailed information.
  • Search Bar: Allows searching for specific planets or facts.

• Main Display:

  • Solar System Background: A visually engaging solar system background.
  • Three.js Rotating Planet: A 3D rotating planet that you can manipulate with your cursor.
  • Background Music: Music plays while you interact with the rotating planet.

Prerequisites

• Node.js: Ensure you have Node.js version 18 or higher installed. You can download it from nodejs.org.

Installation

1. Clone the Repository

   git clone https://github.com/JoshT1984/Solar-System-Explorer.git
   

2. Install Dependencies

   npm install
   

Running the Application

1. Start the Development Server

   • Launch the Vite development server using:

     npx vite
     

2. Access the Application

   -Open your browser and go to the local server address (typically http://localhost:3000) to view the application.

Usage

1. Navbar

   • Click on "Facts" to view random solar system facts.
   • Click on "Planet Name" to browse individual pages for each planet.

2. Rotating Planet

   • Interact with the rotating planet using your cursor.
   • Enjoy the background music as you explore the rotating planet.