# Music Social Network API (music-social-network-api)

### 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

Clone the project

```
git clone https://github.com/John-Weeks-Dev/ev-charge-map-api.git
```

Then
```
composer install 

cp .env.example .env 

php artisan cache:clear 

composer dump-autoload 

php artisan key:generate

php artisan serve
```

Create a DATABASE an then run the command 
```
php artisan migrate
```

# Application images/pages

## Profile Section

<p float="left">
    <img width="235" alt="Screenshot 2022-10-10 at 20 18 12" src="https://user-images.githubusercontent.com/108229029/194875546-c027d538-e63f-4d08-8d05-9867896f9108.png">
    <img width="370" alt="Screenshot 2022-10-10 at 20 20 23" src="https://user-images.githubusercontent.com/108229029/194876302-2e29db71-d3b8-441b-ac38-583e86b2ed21.png">
      <img width="350" alt="Screenshot 2022-10-10 at 20 18 12" src="https://user-images.githubusercontent.com/108229029/194877355-07b8a525-5fad-4a0c-a567-8a31e36c30b9.png">
</p>

## Posts

<p float="left">
    <img width="235" alt="Screenshot 2022-10-10 at 20 35 00" src="https://user-images.githubusercontent.com/108229029/194878840-9195269e-ba34-48a1-8a95-6348dae2ac4f.png">
  <img width="750" alt="Screenshot 2022-10-10 at 20 37 48" src="https://user-images.githubusercontent.com/108229029/194879184-b16c3e5a-3b56-4b21-b404-05384102db02.png">
  <img width="355" alt="Screenshot 2022-10-10 at 20 44 50" src="https://user-images.githubusercontent.com/108229029/194880578-e81751fd-c1c8-4c3a-b269-e4d10ede64af.png">
  <img width="470" alt="Screenshot 2022-10-10 at 20 46 51" src="https://user-images.githubusercontent.com/108229029/194880987-426ca4a4-ac01-4572-b12a-c72c12acec28.png">

</p>



