/spotify-clone

A lightweight version of Spotify

Primary LanguageJavaScript

Spotify Pocket SPA

Project Name: Spotify Pocket SPA

Introduction

In this last challenge you will apply all the knowledge acquired during the course and will have to develop a pocket version of Spotify, integrated with the official Web API, using implicit grant flow (Implicit Grant Flow) to perform user authentication, allowing him to access routes within the application.

Development

  • In the root directory (/spotify-clone) of the project, install all the necessary libraries for development with the command:
  yarn install
  • In the root directory (/spotify-clone) of the project, start the application in development mode at localhost with the command:
  yarn start

Tech Introduction

  • Fetch API
  • JS Functional: Map, Filter
  • Modularization: BEM (Block, Element e Modifier)
  • Presentational and Container Components
  • Rails-Style Structure
  • React Hooks, useState, useEffect, useRef
  • React Testing Library
  • React
  • React Router Dom
  • Private Routes
  • Redux: ActionTypes, Action Creators, Reducers, Store
  • Redux Persist: LocalStorage

Project Structure

The project contains the following folders

./src

  • /actions
  • /assets
  • /components => Reusable application components;
  • /config
  • /constants
  • /containers
  • /modules
  • /reducers
  • /routes
  • /store