Skip to content

README.md

Latest commit

 

History

History
115 lines (72 loc) · 2.61 KB

README.md

File metadata and controls

115 lines (72 loc) · 2.61 KB
Raw

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

  • 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

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.