https://github.com/sieuhuflit/react_native_spotify_clone

https://github.com/sieuhuflit/react_native_spotify_clone

Last synced: 18 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/sieuhuflit/react_native_spotify_clone
• Owner: sieuhuflit
• Created: 2020-03-18T19:36:07.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2023-01-26T18:18:36.000Z (almost 2 years ago)
• Last Synced: 2024-04-13T14:48:05.594Z (8 months ago)
• Language: JavaScript
• Size: 20.3 MB
• Stars: 2
• Watchers: 0
• Forks: 0
• Open Issues: 18
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# React Native Spotify Clone

## Table of Contents

- [Demo](#demo)

- [Feature](#feature)

- [Improvement](#improvement)

- [Folder structure](#folder-structure)

- [Install](#install)

## Demo

![Gif demo](./demo.gif)

## Feature

- 🌟 Using react navigation

- ⭐️ Create 3 screen : HomeScreen, AlbumScreen, ModalMusicPlayer

- 🌟 Unit test with Jest + Enzyme (Coverage about 70%)

## Improvement

Because I don't have so much time on this project, so here is some note I will do it if have enough time.

- 💥 Add responsive width height to fit all screen

- 💥 Add Skeleton effect to loading

- 💥 Integrate with CI/CD

- 💥 Add integration test

## Folder structure

    .

    ├── ...

    ├── src

    │   ├── api                                 # Calling API

    │   ├── assets                              # Application assets

    │   ├── components

    │   │   ├── ...

    │   │   ├── TouchText

    │   │   │     ├── TouchText.js              # Component

    │   │   │     └── TouchText.test.js         # Unit test for component

    │   │   └── ...

    │   │

    │   ├── data                                # All redux stuff

    │   │   ├── auth

    │   │   └── ...

    │   │       ├── actions.js                  # redux action

    │   │       ├── reducer.js                  # Reducer

    │   │       ├── selectors.js                # Selector

    │   │       └── types.js                    # Action types

    │   │

    │   ├── screens                             # Screren in application

    │   │   └── ...

    │   │

    │   └── navigations

    │       ├── AppNavigation.js                # Main App Navigations

    │       └── screnNames.js                   # Define constants screenNames

    │

    └── ...

## Install

Clone the git repo and install dependencies.

```

npm i

// or

yarn install

// And then install pod

cd ios

pod install

```

You can then run following scripts for local development

```

yarn ios              // Run on iOS

yarn android          // Run on Android

yarn test             // Test your changes

yarn test:watch       // Run test and watching

yarn test:coverage    // Run test and then export coverage

```