Frontend Challenge

Coding challenge for evaluating VueJS candidates at Hypery

Description

You should develop a simple project using VueJS to read an external API and render Rick and Morty characters.

Tasks

• Create a repository in your personal github account
• Config at least two routes in your app, /home and /search;
• On the homepage you should add a description about this project, feel free to customize it your way;
• On the NFT page you must follow the given design, query the Rick and Morty GraphQL API and list the characters;
• You must show the character's image, name, species, origin, gender and status;
• Add a search bar to filter characters by name and Species;
• Use Pinia to make a NFT wishlist
• Display wishlist items
• Send your repository link back to us;

Bonus Items (these items are not required)

• Authenticate with a web3 wallet (e.g. Ethers.js, Alchemy)
• ViteJS
• SSR

Requirements

• Vue 3
• Tailwind CSS

What do we value most

• Attention to details
• UX
• Clean code
• Organization

Layout