Skip to content

KittyJinxy/symfony-vue-track-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 

Repository files navigation

Symfony Logo     Vue.js Logo     Tailwind CSS Logo

Symfony   Vue.js   Tailwind   PHP


🎵 Track Manager App

A modern full-stack music track manager built with Symfony 6 and Vue.js 3.

Developed with ❤️ by Marie.


⚙️ Tech Stack

  • Backend: Symfony 6.4.22 · PHP 8.3.6 · Doctrine ORM · RESTful API
  • Frontend: Vue.js 3.3.0 · Vite 4 · Tailwind CSS
  • UX: SweetAlert2 · Axios
  • Database: MySQL

📦 Symfony Backend Setup

🛠 Installation

  1. Navigate to the backend folder:

    cd backend
  2. Install PHP dependencies:

    composer install
  3. Configure environment:

    • Copy .env to .env.local
    • Set your database credentials
  4. Run database setup:

    php bin/console doctrine:database:create
    php bin/console doctrine:migrations:migrate
  5. Start the dev server:

    symfony serve

Access the backend at http://127.0.0.1:8000


🔌 REST API Endpoints

Method Endpoint Description
GET /api/tracks Fetch all tracks
POST /api/tracks Create a new track
PUT /api/tracks/{id} Update an existing track

🖼️ Vue.js Frontend Setup

🛠 Installation

  1. Navigate to the frontend folder:

    cd frontend
  2. Install dependencies:

    npm install
  3. Start the dev server:

    npm run dev

Make sure the Symfony backend is running in parallel.


✨ Features

  • 🎧 Track list display with edit and create form
  • 🚀 Fast bundling with Vite
  • 🎨 Responsive design with Tailwind CSS
  • 🔔 User-friendly alerts via SweetAlert2

🧑‍💻 Author

MarieBuilt for a coding challenge

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Packages

No packages published