This is a React application that allows users to explore and share SpaceX data with the world. It leverages SpaceX's open-sourced data API to fetch and display information about Rockets or Capsules.
SpaceX (Space Exploration Technologies Corp.) is a private aerospace manufacturer and space transportation company. They specialize in designing, manufacturing, and launching advanced rockets and spacecraft. More information about SpaceX can be found on their official website.
The goal was to build a React application that interacts with the SpaceX data API to display Rockets or Capsules. The application consists of a landing page with a banner, search form, and a data grid.
- Landing page with a modern banner layout
- Search form with three filters (status, original launch, and type)
- Fully functional search with optimized query for quick results
- Responsive design for different screen sizes and browsers
- Paginated data grid, displaying ten data cards per page
- React
- Tailwind CSS
- Redux
- Clone the repository:
git clone https://github.com/Rushikesh2503/rushikesh_frontend_developer.git - Install dependencies:
npm install - Start the development server:
npm start - Open the app in your browser:
http://localhost:3000
- Landing Page: The landing page provides an overview of the application and showcases the search form and data grid.
- Search Form: Use the search form to filter Rockets or Capsules based on different criteria (status, original launch, and type).
- Data Grid: The data grid displays the search results in a paginated manner. Clicking on an item will open a popup with detailed item data.
https://space-x-clone-rushikesh2503.vercel.app/
All the images links have been taken from (unsplash.com, spaceX & pixabay.com ) websites here are just for the learning purposes.