A React.js application that allows users to explore Star Wars characters, displaying detailed information about each character along with their homeworld.

Star-Wars-Character-App-ReactJs

Discover the Star Wars universe through this React.js app. Explore a captivating list of characters, each showcased with a unique image and species-specific card color. Dive deeper with detailed character information and a modal display for an immersive experience.

Features
Technologies Used
Installation
Usage
Contributing

Features

Display a list of Star Wars characters with random images and colored cards based on species.
Implement pagination for fetching and displaying characters in batches.
Show detailed information about each character in a modal, including height, mass, birth year, and more.
Fetch and display information about each character's homeworld.
Responsive design for optimal user experience on various devices.

Technologies Used

React.js
Axios for API requests
Styled-components for styling

Installation

Clone the repository:

  git clone https://github.com/onkaryemul/Star-Wars-Character-App-ReactJs.git

Navigate to the project folder:
```
  cd Star-Wars-Character-App-ReactJs
```
Install dependencies:
```
  npm install
```

Usage

Start the development server:
```
  npm start
```
Open your browser and visit http://localhost:3000 to see the star wars characters website in action.
Explore the Star Wars characters, click on a character card to see more details.

Contributing

Contributions are welcome! Feel free to open issues or submit pull requests to improve the project.

If you would like to contribute to the project, follow these steps:

Fork the repository.

Create a new branch:

  git checkout -b feature/your-feature-name

Make your changes and commit:
```
  git commit -m "Add your feature"
```

Push to your branch:

  git push origin feature/your-feature-name

Create a pull request on GitHub.