Welcome to Space Explorer, a dedicated website for space enthusiasts, astronomy lovers, and all those fascinated by the cosmos. This app brings you the latest and most captivating information from NASA and beyond.
Screen.Recording.2024-10-23.at.11.55.39.AM.mov
Space Explorer is designed to provide a rich experience by fetching and displaying data from NASA's APIs, making it a go-to resource for space-related news, images, and articles.
- NASA Picture of the Day: Stay inspired with NASA's daily space photo.
- Reading Materials: Access a variety of articles and media related to space and astronomy.
- Multi-tool-API Integration: Fetches data using the versatile multi-tool-API.
Space Explorer is built using modern web technologies to ensure a seamless and interactive user experience.
- Frontend:
- React
- TypeScript
- Redux
- SASS
- Material-UI
- Axios
Before you begin, ensure you have the following installed on your machine:
- Node.js
- npm (or yarn)
-
Clone the Repository:
git clone https://github.com/SpooRe91/space-explorer.git cd space-explorer
Install Dependencies:
sh Copy code npm install Set Up Environment Variables:
Create a .env file in the root of your project and add the necessary environment variables for the multi-tool-API.
env Copy code REACT_APP_API_BASE_URL=https://mb-cook-server.vercel.app/ Run the Application:
sh Copy code npm run dev The app will be available at http://localhost:8080. (It is configured to open the browser automatically)
Usage Home Page Upon visiting the home page, you will be greeted with NASA's picture of the day, alongside captivating articles and media related to space exploration.
Articles Page Discover a wealth of knowledge on our Articles page. Explore a variety of informative articles covering topics from celestial phenomena to groundbreaking discoveries. Share articles easily with friends and stay informed about the latest in space exploration.
Planets Page Embark on a journey through our Planets page and explore the wonders of our solar system. Click on planet buttons to uncover detailed information about each planet, complete with stunning imagery and essential facts. Perfect for both enthusiasts and learners alike.
Images Page Immerse yourself in breathtaking visuals on our Images page. Browse through a curated collection of high-resolution images from NASA and beyond. Use the search form to find specific images or load more images to discover more cosmic wonders.
About Page Learn more about Space Explorer on our About page. This project celebrates the marvels of space exploration, bringing together articles and images sourced from NASA and other astronomy APIs. Connect with us on social media and explore more space-related content at NASA's official website.