A modern full-stack music track manager built with Symfony 6 and Vue.js 3.
Developed with ❤️ by Marie.
- 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
-
Navigate to the backend folder:
cd backend
-
Install PHP dependencies:
composer install
-
Configure environment:
- Copy
.env
to.env.local
- Set your database credentials
- Copy
-
Run database setup:
php bin/console doctrine:database:create php bin/console doctrine:migrations:migrate
-
Start the dev server:
symfony serve
Access the backend at
http://127.0.0.1:8000
Method | Endpoint | Description |
---|---|---|
GET | /api/tracks |
Fetch all tracks |
POST | /api/tracks |
Create a new track |
PUT | /api/tracks/{id} |
Update an existing track |
-
Navigate to the frontend folder:
cd frontend
-
Install dependencies:
npm install
-
Start the dev server:
npm run dev
Make sure the Symfony backend is running in parallel.
- 🎧 Track list display with edit and create form
- 🚀 Fast bundling with Vite
- 🎨 Responsive design with Tailwind CSS
- 🔔 User-friendly alerts via SweetAlert2
Marie — Built for a coding challenge