This software lists klingon terms and translation belongs to them. It is possible to search for terms by various parameters.
All routes that are needed are implemented:
- GET
/translation→ Lists all translations - GET
/list/translation→ Returns JSON of all translations - GET
/list/term→ Returns JSON of all term - POST
/translation→ Stores new translations - GET
/translation/{slug}→ Show translation - PUT
/translation/{slug}→ Update translation - DELETE
/translation/{slug}→ Delete translation - GET
/translation/{slug}/edit→ Edit translation - GET
/search/translation→ Search translations - POST
/search/translation→ Query translations - GET
/term→ Lists all term - GET
/list/term→ Returns JSON of all term - POST
/term→ Stores new term - GET
/term/{slug}→ Show term - PUT
/term/{slug}→ Update term - DELETE
/term/{slug}→ Delete term - GET
/term/{slug}/edit→ Edit term
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/term/resources/views/term/create.blade.php/resources/views/term/edit.blade.php/resources/views/term/index.blade.php/resources/views/term/show.blade.php
/resources/views/translation/resources/views/translation/create.blade.php/resources/views/translation/edit.blade.php/resources/views/translation/index.blade.php/resources/views/translation/search.blade.php/resources/views/translation/show.blade.php
To query data for dropdowns in forms or to reload lists use the list routes:
- GET
/list/term - GET
/list/translation
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 terminal in project root folder.