Code Monkey home page Code Monkey logo

technical_challenge_wd's Introduction

The Phone Cave (WD)

At The Phone Cave we are looking for someone to help us turn our cave store into a home, and to do so we present you this challenge.

The challenge (Duration: 3 hours)

Your task consists of creating an app showing our catalog. Follow the steps detailed below to complete the task. You have 3 hours to do so.

Iteration #1

Create a REST API (NodeJS) server that meets the following requirements:

Route HTTP Verb Description
/phones GET Show all phones (use the phones.json) as fake data
/phones/:id GET Show a phone details

Iteration #2

Create a React application that communicates with the API you created before. Your React app should be using the hooks approach.

  • Use Axios (or a similar library) in order to obtain data from the REST API
  • Show a list with all the phones
  • When a phone model is selected from the list, a detailed view of the phone is shown with a few specific details displayed. This display should be on the same page than the list of phones.
  • Show a spinner component or a position marker while the API request is processing (display a simulation if there is no loading time)

Iteration #3

Make it look eye-appealing. There is no need to develop a sophisticated design, but it should not look terrible when viewed from a phone. Add images of each device.

Once done with this, do a pull request to submit your work.

Deadline

You have three hours to work on this challenge. In the event that after three hours you do not have the MVP objectives ready, send the pull request indistinctly. This is a speed challenge.

Must-have Deliverables

  • Functioning code (server and client side)
  • Short README file describing what is the app about and add instructions on how to use it.

technical_challenge_wd's People

Contributors

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