Skip to content

Instantly share code, notes, and snippets.

@leonascimento
Last active November 9, 2018 12:01
Show Gist options
  • Save leonascimento/4ed9613220cf4227764e6aecc1b66794 to your computer and use it in GitHub Desktop.
Save leonascimento/4ed9613220cf4227764e6aecc1b66794 to your computer and use it in GitHub Desktop.
React Jedi - React Audio Player

Creating a React Audio Player

How it works?

This challenge is the opportunity of you to learn React. The NatalJS has tutors to help you with the development of this project.

The time estimated for this challenge is 4 weeks, but you don't worry about the time this is just an estimative, you are free to make it on your time.

You should have in your mind that your goal is just worrying with the JavasScript code.

We can start visualizing the design and mapping what components we can start creating.

How to start?

"There should be one-- and preferably only one --obvious way to do it."

npx create-react-app react-player

You should open an issue with the label React-Jedi - Trello on this issue you can write:

  • Your name:
  • Date of you are starting:
  • Progress:

on this issue, you can centralize your questions about your project. You can ping the mentors you will give advice to you.

Histories

Each week we have histories that we need follow what we need to do.


Week 1

  • As a user we should capable of research a music across of (Spotify, Deezer) API.

Week 2

  • As an user we should select a music from the search result.
  • As an user we shoud see all informations (name, duration, band, album picture) regard of the music selected.

Week 3

  • As an user we can be able to play/pause the music.
  • As an user we should mute the the music.

Week 4

  • As a user we can display the current time of the music.
  • As a user we can be able to change the current time of the music on the control bar and start the audio from the new current time.
  • As a user we can be able to download the sound.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment