https://github.com/hritik-6918/music-player-ui

Last synced: 2 months ago
JSON representation

Music-Player-UI

README

# Samespace Frontend Assignment

This is a Samespace Frontend Music Player UI built with React.js and Tailwind CSS.

Deployed App Link: [https://music-player-ui-hritik.vercel.app/](https://music-player-ui-hritik.vercel.app/)

## Prerequisites

Before you begin, ensure you have met the following requirements:

- You have installed the latest version of [Node.js and npm](https://nodejs.org/en/download/)

## Installing Samespace Frontend Assignment

To install Samespace Frontend, follow these steps:

1. Clone the repository:

```bash
git clone https://github.com/hritik-6918/assignment.git
```

2. Navigate into the project directory:

```bash
cd assignment
```

3. Install the dependencies:
```bash
npm install
```

## Setting Up Environment Variables

This project uses environment variables for configuration. These are stored in a `.env` file at the root of the project.

To set up the environment variables:

1. Create a new file in the root directory of the project named `.env`.

2. Open the `.env` file and add your environment variables as key-value pairs. i.e

```bash
REACT_APP_SONGS_API_URL= 'API'
```

Replace `API` with your actual Backend Endpoint, respectively.

3. Save the `.env` file.

## Running Samespace Frontend Assignment

To run Samespace Frontend Task, follow these steps:

1. Start the development server:

```bash
npm start
```

2. Open your web browser and visit [http://localhost:3000](http://localhost:3000)