An open API service indexing awesome lists of open source software.

https://github.com/john-weeks-dev/music-social-network

A mini Music Social Network to share your music/videos with other users around the world.
https://github.com/john-weeks-dev/music-social-network

aplayer cropper pinia pinia-plugin-persist social-network tailwind-modals tailwindcss vue vue-advanced-cropper vue-auth vue-cli vue-cli3 vue-components vue-file-upload vue-image-upload vue3 vue3-composition-api vuejs

Last synced: about 1 month ago
JSON representation

A mini Music Social Network to share your music/videos with other users around the world.

Awesome Lists containing this project

README

        

# Music Social Network

### Tutorial series on how to build this

If you'd like a step by step guide on how to build this just **CLICK THE IMAGE BELOW**

[![GO TO JOHN WEEKS DEV TUTORIAL VIDEOS](https://user-images.githubusercontent.com/108229029/203507483-ff8d6ef8-7e33-4223-a4a6-f9d734dde0f4.jpeg)](https://rumble.com/v1q1if1-laravel-9-and-vue-3-full-project-tailwind-css-pt-1.html)

Come and check out my YOUTUBE channel for lots more tutorials -> https://www.youtube.com/@johnweeksdev

**LIKE**, **SUBSCRIBE**, and **SMASH THE NOTIFICATION BELL**!!!

## Demonstration Video

https://user-images.githubusercontent.com/108229029/194870186-6bcc9183-a8f0-410e-bd26-5775274459e1.mp4

## Setup

### Note
For this frontend to work you'll need the backend/api section -> https://github.com/John-Weeks-Dev/music-social-network-api

Clone the repository
```
git clone https://github.com/John-Weeks-Dev/music-social-network.git
```

Run these commands
```
cd music-social-network

npm i

npm run serve
```

You should be good to go!

# Application images/pages

## Profile Section


Screenshot 2022-10-10 at 20 18 12
Screenshot 2022-10-10 at 20 20 23
Screenshot 2022-10-10 at 20 18 12

## Posts


Screenshot 2022-10-10 at 20 35 00
Screenshot 2022-10-10 at 20 37 48
Screenshot 2022-10-10 at 20 44 50
Screenshot 2022-10-10 at 20 46 51