/spotify-app-clone-clean-architecture

Spotify application clone using React Native Expo Clean Architecture

Primary LanguageTypeScript

React Native TypeScript Shopify Clone

Overview

This is a React Native application built with TypeScript, utilizing the Figma Spotify Redesign - Free UI Kit design for a modern and responsive UI. The project follows Clean Architecture principles, promoting maintainable and scalable code.

Features

  • Clean Architecture: The project follows a clean architecture pattern to ensure separation of concerns and code maintainability.
  • TypeScript: Type safety and enhanced developer experience with TypeScript.
  • Pre-defined Screens: Includes index, getstarted, and choosemode screens.
  • Reusable Components: Custom components and buttons designed for reusability and consistency.
  • Logging: Basic logging functionality for debugging and tracking.

Setup

Prerequisites

Make sure you have the following installed on your machine:

  • Node.js (v14 or later)
  • npm
  • React Native CLI

Installation

  1. Clone the repository:

    git clone https://github.com/joblesspoet/spotify-app-clone-clean-architecture.git
    cd spotify-app-clone-clean-architecture
  2. Install dependencies:

    npm install
  3. Install CocoaPods dependencies (for iOS):

    cd ios
    pod install
    cd ..

Running the App

For iOS:

    npx react-native run-ios

For Android:

    npx react-native run-android

Note: Currently, only Android is fully supported. iOS support is a work in progress.

Usage

Development: Use npm start to start the Metro bundler.

Testing: Add your test cases in the tests directory and run them using npm test.

Contributing

Feel free to submit issues or pull requests if you have suggestions or improvements. Please follow the code of conduct and contribution guidelines provided in the repository.

License

This project is licensed under the MIT License.

Acknowledgements

Figma Spotify Redesign - Free UI Kit React Native Documentation