This repository hosts the source code for the Space Exploration website, a multimedia-rich platform that provides engaging content related to space, planets, the universe, and more. It includes a user-friendly navigation system and offers visitors the chance to explore detailed information about space exploration, planets, space facts, and a gallery, with a contact page for user inquiries.
- Home Page: Introduction to the website and its contents.
- The Universe: Learn about the vastness of space and the celestial bodies within it.
- Planets: Explore detailed information on the planets in our solar system.
- Facts: Fascinating space facts that will spark curiosity.
- Gallery: A curated collection of stunning space exploration images.
- Contact Us: A form for visitors to contact the website administrators.
You can view the live version of the website here: Space Exploration Website
The website integrates the following APIs to provide real-time data and multimedia content:
-
Unsplash API
Used to fetch high-quality images related to space exploration for the gallery section.- Endpoint:
https://api.unsplash.com/search/photos?client_id=${API_KEY}&query=${QUERY}&per_page=${NO}
- This API is called to search for space-related images by querying
QUERY
(such as "planets", "stars", etc.), with a limit set byNO
(number of results per page). TheAPI_KEY
should be replaced with a valid Unsplash API key.
- Endpoint:
-
NASA APOD (Astronomy Picture of the Day) API
Provides the astronomy picture of the day and related metadata.- Endpoint:
https://api.nasa.gov/planetary/apod?api_key=${apiKey}&date=${date}
- This API fetches the Astronomy Picture of the Day (APOD) for a given
date
using a valid NASA API key (apiKey
). The data includes the image and an optional explanation of the picture.
- Endpoint:
To set up the website locally on your machine, follow the steps below.
- A modern web browser (Google Chrome, Mozilla Firefox, etc.)
- A code editor (Visual Studio Code, Sublime Text, etc.)
- Basic understanding of HTML, CSS, and JavaScript for customization (optional)
-
Clone the Repository:
Begin by cloning the repository to your local machine using Git. Open your terminal and run:
git clone https://github.com/Shrivatsa-Sharan-Garg/Space-exploration-A-multimedia-rich-website.git
-
Navigate to the Project Directory: Once the repository is cloned, navigate into the project folder:
cd Space-exploration-A-multimedia-rich-website
-
Open the Files:
You can open the website files directly in your web browser, or use a code editor to make any changes. To open the website in your browser:
Open
index.html
or any other HTML file in your browser by double-clicking on it or by using the "Open with" option in your browser. -
Optional - Customize Content:
If you want to make changes to the website content or styling, you can modify the following files:
HTML Files
: Located in the root directory (e.g.,index.html
, contact.html, planets.html, etc.)CSS Files
: Located in the assets folder (e.g.,style.css
, contact.css)JavaScript Files
: Located in the assets folder (e.g.,contact.js
,script.js
)
-
Open the Website in Your Browser:
After following the steps above, open the file index.html in any modern web browser (Google Chrome, Mozilla Firefox, etc.) to view the website locally.
Alternatively, you can host the website using a local server, but it is not required for viewing basic content.
- HTML for structuring the content.
- CSS for styling the pages and ensuring responsiveness.
- JavaScript for form validation and page interactivity.
- Media-rich content for images and other multimedia to engage visitors.
- API Integration for fetching real-time data and multimedia content.
Sudhanshu Ambastha |
Parth Shrivastava |
Shrivatsa Sharan Garg |