Star Wars is a React App that's consumes an external Star Wars' API

Last update: May 7, 2022

Star Wars

Star Wars is a React App that's consumes an external Star Wars' API.

Installation

First, download the zip or clone this repository into your personal computer.

Use the package manager [yarn or npm] to install the dependencies.

yarn

After that, you can launch the application using the following command:

yarn dev

How to use the app

On each page you can search for a specific character, movie, vehicle or spaceship. You can also save as a favorite to view in a different section.

Pages

The app basically:

  • "/": Home page (Characters);
  • "/characters/:id": Specific character's page;
  • "/films": Films' page;
  • "/films/:id": Specific film's page;
  • "/starships": Starships' page;
  • "/starship/:id": Specific starship's page;
  • "/vehicles": Vehicles' page;
  • "/vehicles/:id": Specific vehicle page;

What technologies does this project use?

The whole app was made with ReactJs. To style, it's uses styled-components.

Others importants libs was used also:

  • React Redux (to save all favourites states)
  • Axios (to make requests to API);
  • Lottie (to make the animations with lottiefiles in JSON);
  • Lodash (to make debounce);
  • React Router DOM v6;
  • Polished;
  • React Icons.

About the author

The entire app was made by me.

All Data Provided By SWAPI

LinkedIn

License

MIT

Demo

Star Wars

GitHub

https://github.com/kameikay/starwars
You might also like...

Budget-app ts context tw - A simple expense tracker app for practicing React with Context API, Tailwind CSS and TypeScript

Budget-app ts context tw - A simple expense tracker app for practicing React with Context API, Tailwind CSS and TypeScript

budget-app_ts_context_tw (a simple expense tracker app for practicing React with

Jun 4, 2022

☁️ Application using Redux, Redux-Saga, react-redux-toastr, React-Select, Immer, styled-components, customize-cra, react-app-rewired and consuming the features of the Node.js - SaaS API

☁️ Application using Redux, Redux-Saga, react-redux-toastr, React-Select, Immer, styled-components, customize-cra, react-app-rewired and consuming the features of the Node.js - SaaS API

☁️ Application using Redux, Redux-Saga, react-redux-toastr, React-Select, Immer, styled-components, customize-cra, react-app-rewired and consuming the features of the Node.js - SaaS API

Jun 9, 2022

This is a Covid-19 tracker app built with React JS, Material UI, React Hooks and Chart JS also with the use of API calling.

This is a Covid-19 tracker app built with React JS, Material UI, React Hooks and Chart JS also with the use of API calling.

Info This is a Covid-19 tracker app built with React JS, Material UI, React Hooks and Chart JS also with the use of API calling. API 👉 https://covid1

Mar 24, 2022

A React app that uses Spotify's Web API to get your favorite tracks, artists, and recently played songs.

Explorify A React app that uses Spotify's Web API to get your favourite tracks, artists and recently played songs. You can also filter them by timelin

Jul 21, 2022

Talk2Feel - A React based chat app using chatengine.io Rest API and has features of creating groups and Sign-In with any valid Google Account.

Talk2Feel - A React based chat app using chatengine.io Rest API and has features of creating groups and Sign-In with any valid Google Account.

Talk2Feel - A React based chat app using chatengine.io Rest API and has features of creating groups and Sign-In with any valid Google Account. As the mental health of people is becoming a major issue now-a-days therefore this project is created keeping in mind the idea of giving a platform to the people where they can share their worries and thoughts with anyone online and do not need to reveal their identity as well as other personal data.

May 6, 2022

Full Stack E-Commerce App built with React, using Firebase and Stripe API. 🗽🚀

Full Stack E-Commerce App built with React, using Firebase and Stripe API. 🗽🚀

Full Stack E-Commerce App built with React, using Firebase and Stripe API. 🗽🚀

Jul 6, 2022

BookCritiq is a web app for reviewing books. Built with React, Redux, JavaScript, and Bootstrap with a custom Rails API backend.

BookCritiq is a web app for reviewing books. Built with React, Redux, JavaScript, and Bootstrap with a custom Rails API backend.

BookCritiq is a web app for reviewing books. Built with React, Redux, JavaScript, and Bootstrap with a custom Rails API backend.

Dec 20, 2021

React Feedback App Uses A Mock Rest API With Json-server

React Feedback App It allows users to add, update and delete feedback. It uses a mock REST api with json-server. This project goes over all of the fun

Dec 11, 2021

React weather app with Geolocation and openweathermap.org-Api. 🌎

React weather app with Geolocation and openweathermap.org-Api. 🌎

Available Scripts npm start Runs the app in the development mode. Open http://localhost:3000 to view it in the browser. The page will reload if you ma

Mar 25, 2022
Related tags
STAR WARS web page using the SWAPI API information build with React
STAR WARS web page using the SWAPI API information build with React

Star Wars Página web de STAR WARS usando la información de la API SWAPI. La web desarrollada es una web con información sobre las naves de Star Wars y

Jun 21, 2022
⭐ A non-SSR React starter with TypeScript / No Redux repo with the aim to implement scalable gold star standards from the get go!

A React starter repo with the aim to implement "scalable gold star" standards from the get go giving some examples with a couple of screens.

Jul 24, 2022
A Spotify Clone which built with ReactJS. 3rd party API integration, user authentication, spotify API, responsive design, material-ui, react context api are used to built it.

Spotify Clone with ReactJS In this Spotify Clone application you can log in to the application with your spotify account and see your own playlist. Sp

Jul 11, 2022
Refactoring a MERN stack react based front end starter code with a fully functioning Google Books API search engine built with RESTful API to be built with GRAPHQL API with Apollo Server.
Refactoring a MERN stack react based front end starter code with a fully functioning Google Books API search engine built with RESTful API to be built with GRAPHQL API with Apollo Server.

21_MERN_GoogleBookSearchEngine Task Refactoring a MERN stack react based front end starter code with a fully functioning Google Books API search engin

Apr 9, 2022
FullStack app containing an API (NestJS), a web app (React) and a mobile app (React Native).

Food Order This project is a workspace containing an API (NestJS), a web app (React) and a mobile app (React Native). Content Food Order Content Get S

Apr 24, 2022
Single Page Application built using React, Context API and OMDb API.
Single Page Application built using React, Context API and OMDb API.

Movie Search App This project is a React application with functions to search for movies and add movies to favorites using OMDb API. Home Page Favorit

Jul 21, 2022
Currency converter made with React, XE API and REST Countries API.

Currency Converter HOW TO RUN THE APP To run the app from the terminal, navigate to the root folder and first run 'npm i' to install the node modules.

Nov 25, 2021
A completely responsive decentralised react Airbnb clone made with travel advisor, google maps api, google places api, material ui, solidity, moralisDb and web3uikit.
A completely responsive decentralised react Airbnb clone made with travel advisor, google maps api, google places api, material ui, solidity, moralisDb and web3uikit.

A completely responsive decentralised react Airbnb clone made with travel advisor, google maps api, google places api, material ui, solidity, moralisDb and web3uikit.

Jun 28, 2022
Weather Application built using ReactJs , OpenCage API and OpenWeatherMap API

Weather-bot Netlify Site Status : Weather application built using ReactJs, OpenCage Api and OpenWeatherMap Api Tech Stack and Dependencies Name Descri

May 13, 2022
Weather-app - Build a weather app in react js using Open Weather API

React JS Weather App Build a weather app in react js using Open Weather API. Fol

Jan 23, 2022