Profile Phong Nguyen

---

🚀 Giới thiệu

Profile Phong Nguyen là một ứng dụng Single Page Application (SPA) sử dụng Vue.js cho frontend và Laravel cho backend.

---

🛠️ Công nghệ sử dụng

Backend

• Laravel 11.x
• PHP >= 8.x
• MySQL 8.0

Frontend

• Vue.js 3.x
• Vuex
• Axios
• TailwindCSS

---

⚙️ ## Tính năng

• ✅ Dashboard CRUD Thêm, sửa, xoá, xem dữ liệu thông qua Vue.js và Laravel REST API.
• ✅ Đăng nhập bảo mật Dùng JWT và cookies HTTP-only.
• ✅ Quản lý thông tin social media Thêm liên kết và quản lý thông tin dễ dàng.

---

git clone https://github.com/PhongNguyenWebDev/portfolio.git
cd portfolio

Cài đặt Backend

Di chuyển đến thư mục backend:

cd backend

Cài đặt các dependencies Laravel:

composer install

Sao chép .env.example và thiết lập:

cp .env.example .env

Tạo key Laravel:

php artisan key:generate

Chạy migrations:

php artisan migrate --seed

Khởi động server Laravel:

php artisan serve

Cài đặt Frontend

Di chuyển đến thư mục frontend:

cd ../frontend

Cài đặt các dependencies Vue.js:

npm install

Khởi động Vue.js development server:

npm run dev

---

🔗 Truy cập ứng dụng:

• Backend: http://localhost:8000
• Frontend: http://localhost:5173

---

📂 Cấu trúc Dự án

laravel_inventory_management/
├── backend/                    # Laravel Backend
│   ├── app/
│   ├── database/
│   ├── routes/
│   └── ...
│
├── frontend/                   # Vue.js Frontend
│   ├── assets/
│   │   ├── tailwindcss/
│   │   └── images/
│   ├── components/
│   ├── views/
│   └── main.js
│
├── docker-compose.yml           # Docker configuration
├── README.md
└── ...