artemmatiushenko1 / Ecstasify

🎵 Prototype of web client for listening to music

What is Ecastasify🎵

This project is the implementation of an online platform for listening to music by many users through a web client. The user can register on the site, choose a subscription plan, create playlists of tracks, receive notifications about the release of new tracks and even become an author.

Preview

Main features:

• USER:
  • Create personal account
  • Choose a subscription plan
  • Listen to music
• ADMIN:
  • Manage and create new users
  • Manage and create authors
  • Manage and create tracks with some metadata
  • Manage and create playlists
    

Who worked on the project

This project is implemented by a team of 3 developers:

Backend:

• Khrapko Vasyl
  ([e-mail], https://github.com/KhrapkoVasyl)
  

• Zinovyj Bogdan
  ([e-mail], https://github.com/Bogdan-Zinovij)
  

Frontend:

• Matiushenko Artem
  ([e-mail], https://github.com/artemmatiushenko1)
  Implemented: web client
  

Installation

1. Clone the repo:

git clone https://github.com/KhrapkoVasyl/Ecstasify.git

2. Install NPM packages for the client:

   cd client
   npm install

   Set up env configuration in the configuration file .env.development for development and .env.production for production under env directory.

   To start the client in the development mode run:

   npm run dev

   To start the client in the production mode run:

   # Build the application:
   npm run build
   
   # And start it in production mode:
   npm run preview

3. Install NPM packages for the server:

   cd server
   npm install

   Set up env configuration in the configuration file .env.development for development and .env.production for production.

   To start the server in the development mode run:

   npm start:dev

   To start the server in the production mode run:

   # Build the application:
   npm run build
   
   # And start it in production mode:
   npm run start:prod

4. Open http://127.0.0.1:5173 to view the app in your browser.

Deployments

• Client - https://ecstasify.azurewebsites.net/
• Server - https://ecstasify-api.azurewebsites.net/