To get started, first install all the necessary dependencies.
> npm install
Run an initial webpack build
> webpack
Start the development server (changes will now update live in browser)
> npm run start
To view your project, go to: http://localhost:3000/
Problem Statement Create a React application having two screens with proper navigation. You will be using API from the website http://swapi.co .Please go through the documentation of the swapi website and understand the API response carefully to chose the right set of APIs and call them with the proper arguments. The application is supposed to have 2 screens: Screen 1 (Login Screen) Allow the user to login as a character from STAR WARS using the character name as the username and birth year as the password. Example: • Username: Luke Skywalker • Password : 19BBY Screen 2 (Search Screen) Implement a type-along search which searches for planets and lists them in components that are sized relative to their population on every keypress in the inputfield. (eg: youcanuseabiggerfontsizeforaplanetwithlargerpopulation, or even show a bigger container size for a planet with larger population - we would like to see your creativity). On clicking the item from the results of the type-along search, it should display the corresponding planet information. You also need to provide the relevant Logout flow properly in your application.