You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
Korneel Eeckhout 259a466ee9 lesson tweaks 4 years ago
public feature/loading-screen 4 years ago
src lesson tweaks 4 years ago
.gitignore update .gitignore 4 years ago
.prettierrc feature/loading-screen 4 years ago
README.md update README.md 4 years ago
babel.config.js init 4 years ago
package-lock.json feature/form star rating custom input 4 years ago
package.json feature/form star rating custom input 4 years ago

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