https://github.com/pushpendra-1697/swapi
This project is a responsive web app showcasing Star Wars planets and their residents, utilizing SWAPI for data retrieval and emphasizing clean design and intuitive navigation. It's built to offer a visually engaging experience while providing seamless access to detailed planetary information.
https://github.com/pushpendra-1697/swapi
api-integration asynchronous-javascript error-handling fetch-api html-css-javascript loading mapping pagination problem-solving react-components react-hooks react-library reactjs responsiveness reusable-components swapi
Last synced: 2 months ago
JSON representation
This project is a responsive web app showcasing Star Wars planets and their residents, utilizing SWAPI for data retrieval and emphasizing clean design and intuitive navigation. It's built to offer a visually engaging experience while providing seamless access to detailed planetary information.
- Host: GitHub
- URL: https://github.com/pushpendra-1697/swapi
- Owner: Pushpendra-1697
- Created: 2024-02-23T10:59:04.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-02-23T16:17:46.000Z (about 1 year ago)
- Last Synced: 2025-01-06T04:12:55.368Z (4 months ago)
- Topics: api-integration, asynchronous-javascript, error-handling, fetch-api, html-css-javascript, loading, mapping, pagination, problem-solving, react-components, react-hooks, react-library, reactjs, responsiveness, reusable-components, swapi
- Language: JavaScript
- Homepage: https://swapi-teal.vercel.app/
- Size: 193 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# swapi
## Overview
This project involves building a responsive web application that serves as a directory of planets from the Star Wars universe. Utilizing the Star Wars API (SWAPI), it fetches data about planets and their notable residents, presenting them in an intuitive card-based interface. The application features pagination for easy navigation through the list of planets and focuses on delivering a visually appealing user experience through modern styling techniques and responsive design.
## Verecel Hosted Link :
```bash
https://swapi-teal.vercel.app/
```
## How to run locally
Clone the Repository from GitHub. Then do the following steps:
- On Windows
```bash
npm install
```
```bash
npm run start
(or)
npm start
```
## Tech Stacks :
React (JSX Syntax), Fetch for handling asynchronous requests, Standard React components, and React hooks.
## PORT Used :
```bash
3000 ----> Default Port
```
## Some Project Screenshots :
### A) For Computer Screen:
#### B) For Mobile/Tablet Screen :
