mari1647iv / music-player Goto Github PK

• main Header
• main link Header

Depends on:

• Button

• create route
• header
• song player
• artist info card
• song lyrics

Depends on:

• Player [size = "maximized"]
• Card [type="artist"]
• Header
• LyricsBlock

• create route
• header
• search form
• cards grid

Depends on:

• Input
• Button
• Card [type="event"]
• Header

States:

• default
• hovered
• choosed

Ideas:

• inherited from radio button

Depends on:

• Button

States:

• not filled
• hover = focused
• filled

• init
• eslint
• prettier
• styled components
• react
• babel
• auto generate html
• dev server
• hot module replacement
• react router
• html requests

Ideas:

https://github.com/nekitboy/JS-beginer-course/commits/react-ecosystem

• create route
• header
• search form
• audio list
• minimized player

Depends on:

• Player [size = "minimized"]
• AudioBlock
• Input
• Button
• Header

Types:

• artist
• event

States:

• minimized
• maximized

Depends on:

• Button

Required:

• Global Store (Redux)

Types:

• icon
• colorful

States:

• disabled
• default
• hover

5 functions covered with tests
(c) Lecture 1 - Introduction

• Add React Router
• Add links to the routes:
  • main > player
  • main > events
  • player > main
  • payer > events
  • events > main

Depends on:

• Main page
• webpack.config
• Button