Giter VIP home page Giter VIP logo

ayenda-front-end-test's Introduction

Ayenda Frontend Test

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.

Table of Contents

Installation

  1. Clone the repo
  git clone https://github.com/AyendaHoteles/test-frontend-interview.git
  1. Install NPM packages
  npm install

Usage

  npm run dev

๐Ÿ˜Ž The Challenge

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):

    Ui Guide

  • Show a List of comics: List the comics that the API returns when you request to the /v1/public/comics endpoint.

  • 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.

๐Ÿ‘€ Keep in mind

  • 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

๐Ÿ At the end of the test

  • 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

ayenda-front-end-test's People

Contributors

danieljara23 avatar

Stargazers

 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.