This software lists films and actors belongs to them. It is possible to search for films by various parameters.
All routes that are needed are implemented:
- GET
/actor
→ Lists all actors - GET
/list/actor
→ Returns JSON of all actors - GET
/list/film
→ Returns JSON of all film - POST
/actor
→ Stores new actors - GET
/actor/{slug}
→ Show actor - PUT
/actor/{slug}
→ Update actor - DELETE
/actor/{slug}
→ Delete actor - GET
/actor/{slug}/edit
→ Edit actor - GET
/search/actor
→ Search actors - POST
/search/actor
→ Query actors - GET
/film
→ Lists all films - GET
/list/film
→ Returns JSON of all film - POST
/film
→ Stores new film - GET
/film/{slug}
→ Show film - PUT
/film/{slug}
→ Update film - DELETE
/film/{slug}
→ Delete film - GET
/film/{slug}/edit
→ Edit film
All views can be found in /resources/views
.
Implement your VueJS components in the folder /resources/js/components
.
Register your components in /resources/js/app.js
and use them in the following files:
/resources/views/film
/resources/views/film/create.blade.php
/resources/views/film/edit.blade.php
/resources/views/film/index.blade.php
/resources/views/film/show.blade.php
/resources/views/actor
/resources/views/actor/create.blade.php
/resources/views/actor/edit.blade.php
/resources/views/actor/index.blade.php
/resources/views/actor/search.blade.php
/resources/views/actor/show.blade.php
To query data for dropdowns in forms or to reload lists use the list routes:
- GET
/list/film
- GET
/list/actor
For the search form use q
as the name for the text input.
The search will be handled by the backend.
The design of the software need to be adapted.
Bulma is used to layout and style the website.
If wanted default styles can be overwritten by setting variables in the /resources/sass/_variables.scss
file.
Also it is possible to write custom styles in /resources/sass/_custom.scss
.
A new logo need to be set. If pictures will be present on the website place them in /public/img
folder.
Here you will also find the logo.
To compile scss and JavaScript npm run dev
need to be executed in the project folder.
It is also possible to run npm run watch
so it is not need to execute npm run dev
every time a change happend.
To make starting developing fast there are some seeders implemented to fill all needed tables except the user table.
To populate the database run the command php artisan db:seed
in the filminal in project root folder.