React SWAPI Planets Viewer

This is a simple React application that fetches and displays information about planets from the Star Wars API (SWAPI). Each planet's data is presented in a card format, including details such as name, climate, population, and terrain. Additionally, information about residents of each planet is displayed.

Features

• Fetches planet data from the SWAPI.
• Displays planet information in cards.
• Displays information about residents of each planet.
• Pagination functionality to navigate through the list of planets.
• Responsive design with clean layout and user-friendly controls.

Link for hosted website : https://yodaji.netlify.app/

Installation

1. Clone the repository:

   git clone https://github.com/ItachI008/Star-Wars.git

2. Navigate into the project directory:

   cd Star-Wars

3. Install dependencies:

   npm install

4. Start the development server:

   npm start

5. Open your browser and visit http://localhost:3000 to view the application.

Usage

• Upon opening the application, you will see a list of planets fetched from the SWAPI.
• Each planet card displays information such as name, climate, population, and terrain.
• Click on the "Next Page" or "Previous Page" buttons to navigate through the list of planets.
• Information about residents of each planet is displayed below the planet's details.

Technologies Used

• React.js
• SWAPI (Star Wars API)
• CSS for styling