This is a React project created using Vite, a build tool that aims to be fast and provides an optimized development experience. The project includes a sortable table component that displays exoplanet data fetched from a csv that is download from Exoplanet Archive.
Check out the live demo of the project: Exoplanet Query
- Sortable table displaying exoplanet data.
- Column sorting functionality with ascending and descending order.
- External links to detailed information for each planet.
- Responsive design using Tailwind CSS.
- React Icons for sorting arrows and external link icons.
To get started with this project, follow these steps:
-
Clone the repository:
git clone https://github.com/khushalmajoka/Exoplanet-Query.git cd react-vite-exoplanet-table -
Install dependencies:
npm install
-
Run the development server:
npm run dev
This will start the development server.
Once the development server is running, you can access the sortable exoplanet table in your web browser. The table headers are clickable, allowing you to sort the data in ascending or descending order based on the clicked column.
- Click the up arrow icon to sort in ascending order.
- Click the down arrow icon to sort in descending order.
Each planet name in the table is linked to its detailed information page on the Exoplanet Archive website.
Contributions are welcome! If you'd like to contribute to this project, please follow these steps:
- Fork the repository.
- Create a new branch for your feature/bugfix: git checkout -b feature-name.
- Make your changes and commit them: git commit -m "Add feature".
- Push to your forked repository: git push origin feature-name.
- Create a pull request on the original repository.
Please ensure your code follows the project's coding standards and includes relevant documentation.