Using either Vue (preferably) or React framework, build a star wars directory using SWAPI, which has all api endpoints required for the applicatoion.
- User can view a list of people (humans & robots), list item should contain full name, birth year and gender
- User can view a list of planets, list item should contain name, temperature and population.
- User can view a list of starships, list item should contain name, model and cargo capacity.
- User can see full details of selected person, planet or starship, you can ignore data containing links in the JSON response.
- For each listing, user can search using name to filter the list.
- User should be able to filter based on gender in the people section (male, female, robot)
- Display data with pagination
A single page application using either Vue (preferably) or React featuring:
- A visually pleasing experience, you don’t have to be a designer but you must have put an effort into making this look good
- A "componentized" approach, split your code into small building blocks, showcase your clean architecture skills.
- CSS can be written using PostCSS, SASS, LESS or similar higher-level language
- Responsive design
- Good sense of design 👌🏾
- Using high-quality existing libraries or small amounts of custom code
- Production grade code (clean, maintainable, reusable code)
- A detailed commit history shows your progress towards your final implementation
- Polish and visual creativity
- Pride in craftsmanship
The following items will earn you bonus points. They are not requirements, the challenge is 100% completeable without them.
- Use Vue which is the preferred framework
- Include animations & micro-interactions 👌🏾
Maximum of 4 days
Finally, we'd like to say Good luck! And have fun!