Code Monkey home page Code Monkey logo

react_movies-list-js's Introduction

Movies List

DON'T use Typescirpt in this task

You are given movies loaded from the API and initial markup. Your task is to:

  1. Render movies from a given moviesFromServer array (for the simplicity, you can do it inside the App and split later).
  2. Extract a .movies block to a MovieList component.
  3. The App should pass the moviesFromServer to the MovieList as a movies prop.
  4. Extract a .card block to a MovieCard component.
  5. The MovieList should pass a movie to the MovieCard.
  6. Use movie.imdbId as a key.
  7. Keep all data-cy attributes to pass the tests.

Instructions

  • Install Prettier Extention and use this VSCode settings to enable format on save.
  • Implement a solution following the React task guideline.
  • Open one more terminal and run tests with npm test to ensure your solution is correct.
  • Replace <your_account> with your Github username in the DEMO LINK and add it to the PR description.

react_movies-list-js's People

Contributors

alenatovstukha avatar danheim avatar ibrianwarner avatar marina-tilniak avatar mgrinko avatar mhrynko avatar mykhalenych avatar oleksandra-pasenchenko avatar solaryasha avatar vpolets avatar yuriiholiuk avatar

Watchers

avatar avatar

Forkers

casiopayyeah yuran007 tyuriy ollavka silcki vpdrabynko romanostrous pos1bl read-my-code ilona-romaniuk irynabolbat ggsmou oleksandr-saulko andrijdudar absolution26 ivanbilotserkivskiy cebanoleksandr marianvolytskyi mariiamonakhova andrij-nalyvayko nazarbaraban natalia-tsiutsiura maxyma-sanx myplekan kochetov-yevhen-may29 olena-ole anastasiiakhemych adv555 antonbaranskyi viktoriia6666 irashtynda vlkzmn yevhen-baiev tetianakostiuk1 anya-shults kandaskalovoleg nadiakovalchuk ilona-borkovska alyonasarapina eleonora-demikh fawnique artemandrushchenko artkas03 zoriana-melnychuk ihorhladkov diana-tuz olhasheliakina igoroksentyuk nataligru valentyna08 klmyana perfectacedia kylyvnyk okhalanskyi ovynarchuk maksymptashnyk dianadiv vlopatko vladmakohon outofs flameinbrains melnyksergey7 anatoliilykhohodenko luka4ok taras-bilas parmenid89 yehor-kor vladislav-tsymbalist dipinchuk kateryna-stemblivska yurii-krymskiy artem-shuhailo xnquaint hyper2307 skrudj constantweb evgeniychumak vasyl-zhyliakov defaultgituser misha408 krivets danylopasko olegpaliy dudar-y vlad-fil iamloren vovaalieksieiev artem-ivashchenko pa1eorc evgenynikitinevgeny serhiilysenko ilya-osoben whiteashdc eugene-kulish zipic natalia-maryshko anna-tovkailo konsttantin g37ua hrynkevych

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.