Skip to content

Space Explorer Frontend: A sleek web application that brings the vastness of space to your screen. Explore detailed information on astronauts, spacecrafts, and space events, complemented by a rich NASA image and article database. Designed with React and TypeScript for a responsive and engaging user experience.

Notifications You must be signed in to change notification settings

TheodoreRed/Space-Explorer-React

Repository files navigation

Space Explorer Frontend

Overview

Space Explorer is a user-focused web application designed for exploring and learning about astronauts, spacecrafts, and space events. It also provides a search feature for NASA images and space-related articles. This repository contains the frontend portion of Space Explorer, currently live at space-explorer.xyz.

Key Features

  • Explore Astronauts and Spacecrafts: Access detailed information about space missions and their explorers.
  • Keep Up with Space Events: Get informed about upcoming and past space events.
  • NASA Library Access: Search and view NASA’s extensive collection of images and articles.
  • User Profile Customization: Personalize settings and manage profiles.
  • Responsive Design: A user interface that adapts to different screen sizes for a consistent experience.

Technology Stack

  • React: Utilized for developing the interactive user interface.
  • TypeScript: Ensures code reliability and maintainability.
  • Vite: A build tool for a more efficient development process.
  • Firebase: Handles user authentication and application deployment.
  • Axios: Manages HTTP requests to the backend.

Installation Guide

  1. Clone the repository to your local machine.
  2. Navigate to the project directory.
  3. Install the necessary dependencies:
    npm install
  4. Start the development server:
    npm run dev

Application Components

The app is structured into various key sections:

  • Home: The main landing page.
  • Search Functionality: For looking up images, articles, astronauts, and spacecrafts.
  • Planet Information: Discover facts about different planets.
  • Astronauts/Spacecrafts Details: Detailed profiles and information.
  • Space Events Timeline: Information on space events, past and upcoming.
  • User Profile: Manage user-specific settings.

React Router is used for smooth navigation between these sections.

Deployment

The frontend is live and can be accessed at space-explorer.xyz. For local development, the project can be run with the command npm run dev after completing the installation steps.

Contributing

Contributions to enhance the application’s features or design are welcome.


About

Space Explorer Frontend: A sleek web application that brings the vastness of space to your screen. Explore detailed information on astronauts, spacecrafts, and space events, complemented by a rich NASA image and article database. Designed with React and TypeScript for a responsive and engaging user experience.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages