Skip to content

README.md

Latest commit

 

History

History
62 lines (40 loc) · 2.42 KB

README.md

File metadata and controls

62 lines (40 loc) · 2.42 KB

SCA React Challenge

Hey potential SCA Developer! Thank you for taking this challenge to join our development team.

Instructions for Candidate

This readme contains the goal of the challange, requirements & some useful notes to assist you.

You will need to implement these requirements using react, react-router & redux and create a pull request back to the git hub repository. You can use any UI or other libraries as you see fit for this challange.

This challange should take no longer than 4 hours to complete & is here to assess candidates ability to:

  • Implement the essential requirements
  • Use react, react-router & redux for page, components & state store
  • Write good quality code
  • Have funcional code
  • Create pull request for the changes

Goal

This is a challenge to add a page, components which are controlled with a redux store for this sample application. The essential requirements have come from a product owner but you can be creative with the implementation of the player with the UI, UX and the code to implement.

Steps

  1. Create a new page for the file upload and audio player with a URL of /player.
  2. Implement and finish the UploadTrack component found here: ./src/containers/UploadTrack
  3. Create the new audio player component, controlled by redux (To be created and implemented)
  4. Create Navigation Component and Add to the Home & Player pages

Requirements

  • Player page has ability to upload an mp3 audio file (This is to be stored into redux & not physical disk)
  • Player page to display the audio player
  • Audio Player has the ability to Play & Pause
  • Audio Player displays the audio length
  • Audio Player displays the current audio play time

Getting Started

This project was bootstrapped with Create React App

To get started with this application:

  • From the repo root folder run
  npm install
  npm start

Note to Developer

This project is based on Create React App with Redux installed.

  • In this repo src you will find the basic code for a redux store and mp3 for testing app
    • a redux store in ./src/redux/modules
    • test-track.mp3 in the root folder to test the file upload
  • You can use redux for the state store and not required to physically store the file
  • You will not be assessed for the unit testing of the code but the project must run and requirements must be met
  • Whilst UI is not essential it must be functional