Laravel Vue Application

I have built a demonstration project with Laravel, Inertia and Vue.js to create a modern php and javascript web application.

View the Demo application: https://laravel-vue.duncanwhite.co.uk/

The application was set up porting a custom Vue.js theme 'TailAdmin' from a 3rd party provider to give it a unique look and feel to prototype completely re-theming the application with custom components from the ground up.

Game Search

The application connects to Steam, a gaming platform, via their api. I created a custom search for their gaming catalogue. In order to do this I preloaded 10,000 of their game titles, into a database table as their api offered no search facility by game title.

Game Search

This allows searching by title, which you can do by typing characters into the search input field. When the user selects to view a game, the data for an individual game title is then loaded directly from steam's api for display within the application.

Authentication

I have ensured that all of the Laravel authentication works correctly with the ported front-end theme, including storing the logged in user around the front-end app and automatically updating any user state changes within the app immediately using pinia global state store.