{"id":21246809,"url":"https://github.com/apfirebolt/react-starwars-api","last_synced_at":"2026-04-20T13:02:09.019Z","repository":{"id":114820571,"uuid":"434368922","full_name":"Apfirebolt/react-starwars-api","owner":"Apfirebolt","description":"A React application which integrates Star Wars public API to display data from Star Wars franchise","archived":false,"fork":false,"pushed_at":"2025-03-18T07:46:36.000Z","size":941,"stargazers_count":0,"open_issues_count":1,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-18T08:36:43.486Z","etag":null,"topics":["docker","headlessui","react","react-query","reactjs","swapi-api","tailwindcss","typescript","typescript-react"],"latest_commit_sha":null,"homepage":"https://react-starwars-api-jet.vercel.app","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Apfirebolt.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2021-12-02T20:43:02.000Z","updated_at":"2025-03-18T07:46:41.000Z","dependencies_parsed_at":null,"dependency_job_id":"65abb975-7095-476f-ba44-13f4aa4ed4b6","html_url":"https://github.com/Apfirebolt/react-starwars-api","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Apfirebolt/react-starwars-api","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Apfirebolt%2Freact-starwars-api","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Apfirebolt%2Freact-starwars-api/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Apfirebolt%2Freact-starwars-api/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Apfirebolt%2Freact-starwars-api/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Apfirebolt","download_url":"https://codeload.github.com/Apfirebolt/react-starwars-api/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Apfirebolt%2Freact-starwars-api/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32048444,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-20T11:35:06.609Z","status":"ssl_error","status_checked_at":"2026-04-20T11:34:48.899Z","response_time":94,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["docker","headlessui","react","react-query","reactjs","swapi-api","tailwindcss","typescript","typescript-react"],"created_at":"2024-11-21T02:06:49.597Z","updated_at":"2026-04-20T13:02:09.014Z","avatar_url":"https://github.com/Apfirebolt.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge\u0026logo=react\u0026logoColor=%2361DAFB)\n![CSS3](https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge\u0026logo=css3\u0026logoColor=white)\n![HTML5](https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge\u0026logo=html5\u0026logoColor=white)\n![Docker](https://img.shields.io/badge/docker-%230db7ed.svg?style=for-the-badge\u0026logo=docker\u0026logoColor=white)\n![Nginx](https://img.shields.io/badge/nginx-%23009639.svg?style=for-the-badge\u0026logo=nginx\u0026logoColor=white)\n\n# React Starwars - A Star Wars database application created in React using Star wars API ⚡️\n\n## Project Briefing\n\nThis is an web application created using React which integrates with open API for Star Wars to display information from Star Wars franchise in various categories. \n\nThe project is available for showcase at https://react-starwars-api-jet.vercel.app\n\nFor more information please visit the API website and the docs [here](https://swapi.dev/)\n\nMade with ❤️ by **[@apfirebolt](https://github.com/Apfirebolt/)**\n## Features/Requirements\n\n- The app aims at displaying data from the Star Wars API in an attractive looking UI.\n- The API has data from various categories like Planets, People, Ships and Vehicles.\n- Each category would have a separate page.\n- Pagination and API caching is enabled through the use of 'react-query' library.\n\n## Built With\n\n* [React](https://reactjs.org/)\n* [React Query](https://react-query.tanstack.com/)\n* [Spectre CSS Framework](https://picturepan2.github.io/spectre/)\n\n## Project setup\n\nSimply install node modules for frontend and run conventional commands to see it in development mode on your local system. For production \nenvironment use 'Docker'.\n\n```\nnpm install\nnpm start\n```\n\n## Production Deployment\n\n- Docker containers are used for deploying this.\n- You can own a virtual server or configure your ECS AWS instances with Docker to deploy this.\n- React production build would be served through Nginx, everything would be through Docker containers.\n\n```\nsudo docker build -t react-starwars .\nsudo docker run -d --name evil_react -p 80:80 react-starwars\n```\n\n1. First step is to create a Docker image from the Docker file within this repo, optionally you can tag it with a name otherwise some random fancy name would be assigned to it.\n\n2. Once you have the image, you can spawn a container using the second command and then check on localhost port 80 to see the running container.\n\n\n## Heroku Deployment\n\n- This app can be seamlessly deployed on Heroku using this buildpack https://elements.heroku.com/buildpacks/mars/create-react-app-buildpack\n\n## Future Requirements\n\n- Might as well have detail sections for each character, vehicle and more from the API.\n- Search filtering might be added.\n\n## Updates\n\n- More pages to fetch more types of data from the Star Wars API might be available in future, would be notified here.\n\n## Project Screenshots\n\nSome of the screenshots for this application are listed below. For instance this one displays information about planets from the Star Wars franchise.\n\n![alt text](./screenshots/planets.png)\n\nStar ships information\n\n![alt text](./screenshots/star_ships.png)\n\nData from the vehicles API end-point.\n\n![alt text](./screenshots/vehicles.png)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fapfirebolt%2Freact-starwars-api","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fapfirebolt%2Freact-starwars-api","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fapfirebolt%2Freact-starwars-api/lists"}