Giter VIP home page Giter VIP logo

sw-case's Introduction

status badge

In the project directory run

yarn start

or

npm run start-with-npm

Sensorfact

Introduction

Congratulations, you've made it this far in the hiring process. You should feel really awesome about yourself at this time. One of the last things remaining is a small test case to measure your level of skill.

In this assignment you will be working with Node.js, React.js, GraphQL and anything cool you might want to add. This assignment is tailored to the Star Wars API GraphQL interface so all required data can be fetched from there.

A very basic design can be found in the assets directory, do not feel bound to this design it is only there to give you an idea of what an interface for this app might look like.

Assignment

Server

Create a web server that proxies the request to SWAPI, finds an image for every requested character and returns it as one result.

Client

Create a form which behaves as follows:

  • It will display the following drop down menu's using the SWAPI(Star Wars API) GraphQL;
    • A list of all movies, on load there will be no movie selected.
    • A list of species, on load there is no species selected.
    • A list of characters, on load there is no character selected.
  • At the bottom of the form all characters that match the top criteria.

Each dropdown will act like a filter on the next dropdowns. So when I select "A New Hope" as a movie, the only species remaining would be the ones featured in "A New Hope". And the list of characters would only hold those featured in "A New Hope". Once the first filter is applied you should display the characters matching the criteria and update on each applied filter until only one remains.

High level requirements

  • Project should run with one command
  • Server should be written in Node.js
  • Front-end should use React.js
  • User interface should be responsive
  • User should be able to filter through at least 3 properties

Feel free to go beyond these requirements and deliver us an amazing application that showcases everything you can do.

Do or do not

sw-case's People

Contributors

millitza avatar ramongebben avatar surovv 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.