Star Wars Planets List / Vue

Let's go to live preview

The main feature is to display lists of all planets available here: https://swapi.dev/api/planets. App has to be responsive and designed in Vue.

Features

Show the list

The app fetches data from remote API and display it as a table. The table is responsive and was designed with Element UI.

Sort and filter

The table allows users to sort current pages alphabetically. There is an available search bar, which helps to find particular data in the list, no matter which column or row (the URL is excluded from the search method, due to very similar URLs)

Pagination

The application allows a user to switch between pages.

Used technologies and approaches

I have used the following technologies:

1. Vue
2. Vue Router
3. JavaScript ES6
4. HTML 5
5. SASS
6. Element UI
7. REST API
8. Threejs

Used tools:

The followed tools were used to finalize the project:

1. Visual Studio Code
2. GIT - as a control version system

Interesting facts about the project:

This is the first time I had the opportunity to play with Threejs. I found this library very interesting, it gives you so many opportunities to improve your website design.