PHPackages portphilio/portphilio - PHPackages - PHPackages [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register) 1. [Directory](/) 2. / 3. [Admin Panels](/categories/admin) 4. / 5. portphilio/portphilio ActiveProject[Admin Panels](/categories/admin) portphilio/portphilio ===================== A web-based app for managing portfolios. 101[30 PRs](https://github.com/portphilio/portphilio/pulls)Vue Since Dec 4Pushed 4y ago1 watchersCompare [ Source](https://github.com/portphilio/portphilio)[ Packagist](https://packagist.org/packages/portphilio/portphilio)[ RSS](/packages/portphilio-portphilio/feed)WikiDiscussions master Synced 1mo ago READMEChangelogDependenciesVersions (1)Used By (0) Portphilio—Tell YOUR Story ========================== [](#portphiliotell-your-story) [![Build Status](https://camo.githubusercontent.com/9fbb54035220f4aad33d027713fd8d422acac6d5eb2b343e0a26e5e03546d5c8/68747470733a2f2f7472617669732d63692e6f72672f706f72747068696c696f2f706f72747068696c696f2e7376673f6272616e63683d6d6173746572)](https://travis-ci.org/portphilio/portphilio)[![Coverage Status](https://camo.githubusercontent.com/29b4a0a881c87a95c133ce326a1e5f8223b8f6320797a704530c68da6b550b14/68747470733a2f2f636f766572616c6c732e696f2f7265706f732f6769746875622f706f72747068696c696f2f706f72747068696c696f2f62616467652e7376673f6272616e63683d6d6173746572)](https://coveralls.io/github/portphilio/portphilio?branch=master)[![GitHub](https://camo.githubusercontent.com/4516e7cfcf391ba51dfb6324227847754ff654c8005e7846da2b9a7b5fdb9703/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f6c6963656e73652f706f72747068696c696f2f706f72747068696c696f)](https://camo.githubusercontent.com/4516e7cfcf391ba51dfb6324227847754ff654c8005e7846da2b9a7b5fdb9703/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f6c6963656e73652f706f72747068696c696f2f706f72747068696c696f) [![Portphilio](public/img/icons/android-chrome-192x192.png)](public/img/icons/android-chrome-192x192.png) [Portphilio](https://portphil.io) is a free, open-source app designed to allow users to create and curate portfolios of their professional work. The app has been designed with educational contexts in mind, and will allow users of the system to request and receive feedback on entire portfolios, or individual elements within a portfolio, from other members of the community, i.e. peers, mentors, and instructors. This repository contains the source code for the main Portphilio app. There is another repository that has [the code for the Portphilio API](https://github.com/portphilio/portphilio_api). If you want to set up your own instance, you will need the code in both repositories. Below are instructions for how to set up a local development version of the main app. How To Set Up a Dev Environment ------------------------------- [](#how-to-set-up-a-dev-environment) If you would like to contribute to Portphilio development, here's how you can get the API up and running locally. To get the front end running locally, **you'll first have to [install and set up the back end API](https://github.com/portphilio/portphilio_api)**. 1. Install necessary software (if not already installed when you set up the back end): 1. [NodeJS](https://nodejs.org/) Please install the v10.x LTS version. 2. [Git](https://git-scm.com/) 3. [`mkcert`](https://github.com/FiloSottile/mkcert) 4. [VSCode](https://code.visualstudio.com/) 2. Clone this repo to your local `dev` folder and install NPM dependencies: ``` cd ~/dev git clone https://github.com/portphilio/portphilio.git cd portphilio npm install ``` 3. Edit your `hosts` file ([here's a tutorial](https://www.howtogeek.com/howto/27350/beginner-geek-how-to-edit-your-hosts-file/)) so you can use a "real" domain name on your dev server. Add the entry `127.0.0.1 portphilio.test` 4. Install a local SSL certificate in the root `portphilio` directory (command with example output) ``` $ mkcert portphilio.test Using the local CA at "/Users/yourusername/Library/Application Support/mkcert" ✨ Created a new certificate valid for the following names 📜 - "portphilio.test" The certificate is at "./portphilio.test.pem" and the key at "./portphilio.test-key.pem" ✅ ``` 5. Copy the `.env` and `.env.local` files that are in the `protected` directory of [our shared Google Drive folder](https://drive.google.com/open?id=1MIBtHlkTsv0v1Wsjl4I66Euu8nhBhUkB) into the root directory of the project. If you don't have access to the `protected` folder, please contact Morgan. 6. Run `npm install` from the root of the project in your terminal to install all of the dependencies. 7. Start up the API from a **different** window/tab in your terminal with the command `npm run dev:ngrok` 8. Once the API starts up, copy the URL that looks like `https://a837cf3.ngrok.io` (the random code at the beginning will be different) 9. In the terminal tab/window where you want to run the front end, you'll need to set an environment variable that has the ngrok URL you just copied from the API terminal. ``` # on Windows > set VUE_APP_API_URL https://a837cf3.ngrok.io # on Mac/Linux $ VUE_APP_API_URL=https://a837cf3.ngrok.io ``` 10. Start up the front end server by running `npm run serve` from the terminal. The server should be able to read the ngrok URL from the environment variable you set in the previous step, and will allow your app to integrate with Auth0, specifically the account-creation process. License ------- [](#license) Copyright (c) 2019 Morgan C. Benton Licensed under the [MIT license](LICENSE). ### Health Score 20 — LowBetter than 14% of packages Maintenance20 Infrequent updates — may be unmaintained Popularity3 Limited adoption so far Community10 Small or concentrated contributor base Maturity41 Maturing project, gaining track record Bus Factor1 Top contributor holds 90% of commits — single point of failure How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** — Project age, version count, PHP version support, and release stability. ### Community Maintainers ![](https://www.gravatar.com/avatar/75217e000b3195793db8cda685719446fa9969cc33f48cc5445fb3c9359a8df7?d=identicon)[morphatic](/maintainers/morphatic) --- Top Contributors [![morphatic](https://avatars.githubusercontent.com/u/467980?v=4)](https://github.com/morphatic "morphatic (27 commits)")[![TaoJiang997](https://avatars.githubusercontent.com/u/27688649?v=4)](https://github.com/TaoJiang997 "TaoJiang997 (3 commits)") ### Embed Badge ![Health badge](/badges/portphilio-portphilio/health.svg) ``` [![Health](https://phpackages.com/badges/portphilio-portphilio/health.svg)](https://phpackages.com/packages/portphilio-portphilio) ``` ### Alternatives [jeroennoten/laravel-adminlte Easy AdminLTE integration with Laravel 4.0k4.8M43](/packages/jeroennoten-laravel-adminlte)[dmstr/yii2-adminlte-asset AdminLTE backend theme asset bundle for Yii 2.0 Framework 1.1k1.8M67](/packages/dmstr-yii2-adminlte-asset)[dwij/laraadmin LaraAdmin is a Open source Laravel Admin Panel / CMS which can be used as Admin Backend, Data Management Tool or CRM boilerplate for Laravel with features like CRUD Generation, Module Manager, Media, Menus, Backups and much more 1.6k68.7k](/packages/dwij-laraadmin)[filament/spatie-laravel-media-library-plugin Filament support for `spatie/laravel-medialibrary`. 1764.8M125](/packages/filament-spatie-laravel-media-library-plugin)[bezhansalleh/filament-exceptions A Simple & Beautiful Pluggable Exception Viewer for FilamentPHP's Admin Panel 193195.9k13](/packages/bezhansalleh-filament-exceptions)[filament/infolists Easily add beautiful read-only infolists to any Livewire component. 1220.8M36](/packages/filament-infolists) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)