- Download the code from GitHub
- Download and install Visual Studio Code editor https://code.visualstudio.com/download. This code editor is completely free and it works on every platform.
- Run Visual Studio Code and install the extension Live Server Live Server - Visual Studio Marketplace
- Open the downloaded folder by selecting File- Open Folder
- Start Live Server by clicking on "Go Live" in the bottom right corner of VS Code. Once the browser is open, paste the url http://127.0.0.1:5500/index.html
- Index.html file is the entry point for the web application and displays on the web page a list of links for 6 models (people, planets, films, species, starships, vehicles).
- Details.html file retrieves the data from the API and displays the details about the item selected (ex, Luke Skywalker) + a list of links for people/ films/ planets/ species/ starships/ vehicles related to the selected item (ex, for people there is a list of links for 4 categories: films, species, vehicles, starships).
- Clicking on one of the links (ex, film A New Hope) will take the user to a page that shows the details about the item selected + a list of links to show details for each people/ films/ planets/ species/ starships/ vehicle.
npnote8/star-wars
Folders and files
| Name | Name | Last commit date | ||
|---|---|---|---|---|