Giter Club home page Giter Club logo

test-frontend-react-task-internship's Introduction

Internship Assignment Task - ReactFlix

Task: Make ReactFlix React App

We would like you to create a 2 screen React JS application using this
API: https://api.tvmaze.com/search/shows?q=all
Please visit this API endpoint to understand the structure of the response.

We need you to create a basic UI to display the show names and a few details about it (you can choose what you want to display along with the show name). Include a button for each of the shows to redirect the user to another screen that shows the summary of the particular show. (Refer to the api structure. You will find a summary section for each show there.). We need you to complete this assignment and upload it to a GitHub Repository marked as Public and email us back the link to the repository (check the contact section for the email address).


Please note:
It has to be a React JS application.
It has to implement the API and not just hardcode data from the API.
It has to have 2 screens at a minimum. One to display a few data and possibly an image(UI is completely up to you) and another screen to show it’s summary.
The second screen should have a button to book a movie ticket which will open a form with the movie name already present and a few relevant details.
(Reload should not happen)
(Use local/session storage for storing user details)
A proper UI so that we know you have a good understanding of UI/UX. Doesn’t need to have mind blowing animations but just basic HTML and CSS styling that looks good (You may use bootstrap).

Screenshots

Video Recording

laptop

mobile

tablet

Installation

Use the package manager npm to install the dependencies.

npm install

Usage

npm start

Live: ReactFlix

test-frontend-react-task-internship's People

Contributors

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