Du kan inte välja fler än 25 ämnen Ämnen måste starta med en bokstav eller siffra, kan innehålla bindestreck ('-') och vara max 35 tecken långa.
Korneel Eeckhout 259a466ee9 lesson tweaks 4 år sedan
public feature/loading-screen 4 år sedan
src lesson tweaks 4 år sedan
.gitignore update .gitignore 4 år sedan
.prettierrc feature/loading-screen 4 år sedan
README.md update README.md 4 år sedan
babel.config.js init 4 år sedan
package-lock.json feature/form star rating custom input 4 år sedan
package.json feature/form star rating custom input 4 år sedan

README.md

crud

Documentation

See here

Directus Settings

url: http://phpstack-266425-1261902.cloudwaysapps.com/
project: crud
email: admin@admin.com
password: admin

Collection

name: travel
fields:
    id: primary key
    name: 
        input:
            text
        validations: 
            required
            max length 200
    
    description: 
        input:
            textarea
        validations:
            required
            max length 1000
    
    start_date:
        input:
            date
        validations:
            required

    end_date:
        input:
            date
        validations:
            required
            after start_date

    
    travel_by:
        input:
            select
                airplane
                foot
                bike
                car
                train
        validations:
            required
    
    destination:
        input:
            text
        validations:
            required

    rating:
        input:
            number
        validations:
            required
            between 0 and 5

    activities:
        input:
            multiple checkboxes (save as array)
                swimming
                eating
                drinking
                sightseeing
        validations:
            /

Create a Simple CRUD for this collection

Must haves:

  • list of travels
  • edit form for travels
  • create form for travels
  • ability to delete travels
  • form validation
  • error handling

Nice to haves:

  • Starred input for rating
  • Map input or autocomplete for destination
  • Sort en filter travels

Project setup

npm install

Compiles and hot-reloads for development

npm run serve