Star Wars data fetched online from https://swapi.dev

• The directory build contains optimized production build (deployed on Netlify)
• No polyfills for Internet Explorer
• Application has been built with React and bootstrapped with npx create-react-app star-wars
• Data aggregation of characters is achieved through RxJS
• Redux is used for application state management
• Bootstrap is used for designing components

Clone the repository

git clone https://github.com/faizanu94/star-wars.git

Install the application dependencies

yarn

Serve the application – this will serve the application on default port 3000

yarn start

Build the application for production

yarn build

Find the details the application server

• Data is fetched from third party source (https://swapi.dev/) through APIs
• No Authentication required (API limit might exceed)
• HTTP GET Method is used only on data sets fetched from API

Find the details about several pieces of the application listed below

• /public contains static assets
• /src contains application building blocks
• /src/components contains components building up the whole applications
• /src/containers application containers using the components
• /src/redux application state management

• API limit exceeding is not supported (should be achieved by adding a verified key page)
• Internet Explorer support is not required (should be acheved by adding pollyfills)

• Layout is quite simple, more effects would provide better user experience
• Mobile first approach to target mobile devices
• Search suggestions on user inputs
• Real time data updates (not practical use case as movies / characters data is mostly static)
• There should have been unit and e2e tests

Home Page (fetching movies)

Movie not selected

Movie selected

Movie filter

Gender filter

Table last row

https://swapi.dev/api/films