Spotify Clone

Spotify Clone BY me cristian2213

View Demo (Just Front-end, I'm looking for back-end provider) · Report Bug · Request Feature

Table of Contents

1. About The Project
   • Built With
2. Getting Started
   • Prerequisites
   • Installation Node.js
   • Installation React
3. Usage
4. Contributing
5. Contact

About The Project

This is a Spotify clone created with Nests and React, currently client and server are working well, but I can just deploy the front-end, because of on the back-end side I need money to pay by a cloud provider, since I'm using more than one docker container and I need a provider with support to Kubernetes, but If you want to test this project, you must execute it locally in your environment.

(back to top)

Built With

These are the technologies with which this project is being built:

• TypeScript
• Nestjs
• PostgreSQL
• TypeORM
• React
• Jest
• SuperTest
• Swagger
• Docker
• Docker-compose

(back to top)

Skeleton

Songs

Songs

Getting Started

First, make sure you have the following dependencies with this version or a newer one.

Prerequisites

• node & npm

  v16.13.1 & v8.1.2

• Docker & Docker-compose

• A coffee on your table ☕

Installation Node.js

To run this project, please follow the steps below to Node.js.

1. Clone the repo

   git clone https://github.com/cristian2213/Spotify-clone-react-nodejs

2. Run services

   docker-compose up -d

3. Create a .env file in the server folder and paste this variables:

    APP_NAME=spotify
    APP_PORT=8080
    APP_HOST=http://localhost:8080/v1/
   
    DB_TYPE=postgres
    POSTGRES_HOST=localhost
    POSTGRES_NAME=spotify-db
    POSTGRES_USER=root
    POSTGRES_PASSWORD=123456
    POSTGRES_PORT=5432
   
    TYPEORM_CONNECTION=postgres
    TYPEORM_HOST=localhost
    TYPEORM_USERNAME=root
    TYPEORM_PASSWORD=123456
    TYPEORM_DATABASE=spotify-db
    TYPEORM_PORT=5432
    TYPEORM_SYNCHRONIZE=false
    TYPEORM_LOGGING=true
    TYPEORM_ENTITIES=src/**/*.entity.ts
    TYPEORM_MIGRATIONS='src/database/migrations/*.ts'
    TYPEORM_MIGRATIONS_DIR=src/database/migrations/
    TYPEORM_MIGRATIONS_TABLE_NAME=migrations
    JWT_SECRET=your-secret

4. Create a .env file in the client folder and paste this variables:

  REACT_APP_HTTP_SERVER=http://localhost:8080/v1
  REACT_APP_STATIC_FILES=http://localhost:8080/

4. Install NPM packages in server and client folder:

   npm run install

5. Run Server and Client to the same time:

   npm run watch

(back to top)

---

(back to top)

Usage

Use this space to show useful examples of how a project can be used. Additional screenshots, code examples and demos work well in this space. You may also link to more resources.

For more examples, please refer to the Documentation

(back to top)

Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement". Don't forget to give the project a star! Thanks again!

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

(back to top)

License

Distributed under the MIT License. See LICENSE.txt for more information.

(back to top)

Contact

My Linkedin: https://www.linkedin.com/in/cristian-johany/

(back to top)