Welcome to the Ayenda Frontend test. We're so glad to have you here and we are ready to see what you're able to do. We invite you to carefully read the next description because it contains the steps and minimun requirements we expect from you.
- Clone the repo
git clone https://github.com/AyendaHoteles/test-frontend-interview.git
- Install NPM packages
npm install
npm run dev
You will have to build a comic's store using the Marvel's API taking in count the following points:
-
UI: The Comic's store could look like this.(Use it as a guide, but if you have better UI ideas, feel free to include those ones in your solution):
-
Show a List of comics: List the comics that the API returns when you request to the
/v1/public/comicsendpoint. -
Include a search field: When the user type this input field, you should update the comics list based on the user entry.
-
Filters: Include a characters filter (This could be just a group of buttons). When user clicks on it, you should show only the comics where this character appears. (Feel free to include any other filter).
-
Responsive: Your solution should be responsive at least for desktop and mobile devices.
- As we already mentioned, we give you a boilerplate in order to make you the inital setup a little bit easer but feel free to edit or modify what ever you need.
- Feel free to include any approach or tecnology you want
- Pss pss, you could have extra points if you include unit testing in your solution
- Share a production link of your solution. (You could use vercel, heroku, netlify or any other option you want).
- Please make a pull request with your solution and include your production link in the PR description