Star Wars Characters

This project Star wars app was bootstrapped with Create React App.

Live Demo

Open Star Wars Characters

Available Scripts

In the project directory, you can run:

yarn start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

yarn test

Launches the test runner in the interactive watch mode.\

yarn build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

About App

This a single page application built in React 17 & TypeScript. Data is provided by SWAPI GraphQL API. It is deployed with github pages.

 User can see a listing of all the characters in Star Wars films with lazy loading  User can filter characters according to the films they appear in  User can mark characters as favourites  User can download a CSV file with their favourite characters  The application is responsive and displays correctly on mobile devices, tablets and desktops. This is just a demo app with limited functionality.

Frontend tech ::

React JS with hooks (v17)
TypeScript
Material UI (v5)
GraphQL api
Styled Components - CSS-in-JS styling framework
React testing library for Unit tests
EsLint