https://github.com/web-dev-codi/space_cadets_revisit
https://github.com/web-dev-codi/space_cadets_revisit
Last synced: about 1 year ago
JSON representation
- Host: GitHub
- URL: https://github.com/web-dev-codi/space_cadets_revisit
- Owner: Web-Dev-Codi
- Created: 2024-11-19T08:10:09.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-04-28T13:39:42.000Z (about 1 year ago)
- Last Synced: 2025-04-28T13:52:50.823Z (about 1 year ago)
- Language: JavaScript
- Size: 13.3 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Space Cadets - Interactive Solar System Explorer
## Overview
Space Cadets is an interactive web application that allows users to explore the planets in our solar system. The site features a modern, visually appealing interface with animated space particles in the background, creating an immersive cosmic experience.
## Features
### Home Page
- Engaging hero section with a call-to-action to explore planets
- Testimonials section highlighting user experiences
- Animated space particle background creating an immersive experience
### Planet Explorer
- Interactive planet browser with detailed information about each planet in our solar system
- Intuitive navigation system to browse between planets
- Detailed view showing key planetary statistics:
- Mass
- Radius
- Gravity
- Number of moons
- Orbital period
- Rotation period
- High-quality images and descriptions for each planet
### Planet Details
- Dedicated page for each planet with comprehensive information
- Multiple images for each planet
- Detailed scientific data fetched from the Solar System API
- Extended descriptions about each planet's unique characteristics
### Space News
- Latest articles about space exploration and astronomy
- Integration with the Spaceflight News API
- Direct links to original news sources
### Team Section
- Profiles of the Space Cadets team members
- Creative descriptions for each team member
- Visual showcase of the technologies used in the project
### Contact Page
- Contact form for user inquiries and feedback
## Technologies Used
### Frontend
- React 18.3.1
- React Router 6.28.0 for navigation
- Tailwind CSS 3.4.14 for styling
- Vite 5.4.10 as the build tool
### Animations & Visual Effects
- tsParticles 3.5.0 for the space particle background
### APIs
- Solar System API (le-systeme-solaire.net) for planetary data
- Spaceflight News API for the latest space-related articles
## Project Structure
- `src/components`: React components for different sections of the site
- `src/assets`: Images and other static assets
- `src/App.jsx`: Main application component with routing configuration
- `src/components/planetData.js`: Data and API integration for planetary information
## Getting Started
### Prerequisites
- Node.js (latest LTS version recommended)
- npm or yarn
### Installation
```bash
# Clone the repository
git clone https://github.com/Web-Dev-Codi/space_cadets_revisit
# Navigate to the project directory
cd space_cadets_revisit
# Install dependencies
npm install
# Start the development server
npm run dev
```
### Building for Production
```bash
npm run build
```
## Credits
- Planet data provided by [The Solar System OpenData](https://api.le-systeme-solaire.net/)
- Space news provided by [Spaceflight News API](https://spaceflightnewsapi.net/)
- Developed by the Space Cadets team