portfolio (dimartarmizi) — Vue 后台模板

SHA-256: 00ac4b654e5650fae9a5bcb35482b2622d87a4fc2bdefce3a0748005dee411ff

2026-10-17T01:54:33.761Z

<p align="center">
  <img src="public/images/logo.webp" alt="Portfolio" width="200"/>
</p>

# Portfolio

[![PHP](https://img.shields.io/badge/PHP-777BB4?style=for-the-badge&logo=php&logoColor=white)](https://www.php.net/) [![Laravel](https://img.shields.io/badge/Laravel-FF2D20?style=for-the-badge&logo=laravel&logoColor=white)](https://laravel.com/) [![Inertia](https://img.shields.io/badge/Inertia.js-9553E9?style=for-the-badge&logo=inertia&logoColor=white)](https://inertiajs.com/) [![Vue.js](https://img.shields.io/badge/Vue.js-4FC08D?style=for-the-badge&logo=vuedotjs&logoColor=white)](https://vuejs.org/) [![Vite](https://img.shields.io/badge/Vite-646CFF?style=for-the-badge&logo=vite&logoColor=white)](https://vitejs.dev/) [![Tailwind CSS](https://img.shields.io/badge/Tailwind_CSS-06B6D4?style=for-the-badge&logo=tailwindcss&logoColor=white)](https://tailwindcss.com/)

Portfolio template built with Laravel 13, Inertia, and Vue 3. This project includes public pages for profile, experience, projects, and blog content, plus an admin panel for managing site content and settings.

![Portfolio Screenshot](public/images/screenshot.webp)

## Features

- Portfolio homepage
- Blog listing and post details
- Work experience listing and details
- Project listing and details
- Admin panel for content, projects, posts, experiences, and site settings
- Admin authentication
- Inertia-based forms for experiences, posts, projects, and settings

## Tech Stack

- Laravel 13
- Inertia.js
- Vue 3
- Vite
- Tailwind CSS 4
- Tiptap and Quill for content editing

## Requirements

- PHP 8.3 or newer
- Composer
- Node.js and npm
- A database supported by Laravel

## Installation

1. Clone this repository to your machine.
2. Install PHP and JavaScript dependencies.

```bash
composer install
npm install
```

3. Copy the environment file and generate the application key.

```bash
copy .env.example .env
php artisan key:generate
```

4. Configure your database connection in the .env file.
5. Run migrations and choose one of the following options:

- Use sample seed data for a ready-made demo portfolio.

```bash
php artisan migrate --seed
```

- Start with a fresh database and add your own content later.

```bash
php artisan migrate
```

6. Build the frontend assets or run development mode.

```bash
npm run dev
```

## Running the Project

### Development mode

```bash
composer run dev
```

The command above runs the Laravel server, queue listener, log viewer, and Vite together.

### Production build

```bash
npm run build
```

## Admin Panel

If you seeded the database during installation (`php artisan migrate --seed`), you can access the admin panel (typically at `/login` or `/admin`) using the following default credentials:

- **Email:** `[email protected]`
- **Username:** `admin`
- **Password:** `pass`

## Project Structure

- `app/Http/Controllers` contains controllers for public pages and the admin area.
- `app/Http/Requests` contains form validation classes.
- `app/Models` contains the main data models.
- `resources/js/Pages` contains Inertia pages for public and admin views.
- `resources/js/Components` contains reusable UI components.

## Reuse

You are free to use, modify, and adapt this template for your own portfolio or other projects. If you reuse it for public or commercial work, review the content, branding, and security settings before deployment.

## Inspiration

The landing page for this portfolio template was inspired by the design style of [brittanychiang.com](https://brittanychiang.com/). The rest of the template and implementation are original to this project.

## License

This project is released under the MIT License. See [LICENSE](LICENSE) for the full text.