APOD By NASA API

This module provides an interface to the NASA Astronomy Picture of the Day (APOD) using Nasa API.

This repository contains the code for a APOD webApp built using HTML, CSS and React. The webApp includes coponents as Main, SideBAar and Footer.

Table of Contents

• Features
• Technologies Used
• Getting Started
• Usage
• Screenshot
• Contributing
• Contact Information

Features

• Responsive Design: Optimized for various screen sizes, providing a seamless experience across devices.
• Multiple Components: Includes coponents as Main, SideBar and Footer.

Technologies Used

• HTML5 for structuring content
• CSS3 for styling and layout
• React 18.3.1 for building reusable UI components
• Font Awesome 6.5.2 for icons and graphics

Getting Started

To get a local copy of the website up and running, follow these steps:

1. Clone the repository:

   git clone https://github.com/chouaib-629/reactjs_apod_byNasaAPI.git

2. Navigate to the project directory:

   cd reactjs_apod_byNasaAPI

3. Install dependencies:

   npm install

4. Start the developement server:

   npm run dev

5. Open the website in your web browser:

• Open https://localhost:5173 in your web browser to view the website.

  OR

• On your terminal tape:

  o + enter

Usage

Structure and Styling

The APOD webApp is structured into three main components:

• Main: This component displays the Astronomy Picture of the Day, along with its title, date, and explanation.
• Sidebar: This component provides additional information and links related to the APOD, such as the NASA API credits and a link to the original APOD website.
• Footer: This component displays the copyright information and a link to the GitHub repository.

Screenshot

Here is a screenshot of the website:

Full Website

Contributing

Contributions are welcome! Please follow these steps to contribute:

1. Fork the repository.

2. Create a new branch:

   git checkout -b feature/your-feature-name

3. Make your changes and commit them:

   git commit -m "Add your commit message"

4. Push to the branch:

   git push origin feature/your-feature-name

5. Create a pull request.

Contact Information

For questions or support, please contact Me.