-
Notifications
You must be signed in to change notification settings - Fork 0
/
assignments.html
61 lines (44 loc) · 2.58 KB
/
assignments.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
1. Create Login Action
2. Expect to receive form data to login action
3. Send a POST request to '/api/v1/users/login' -> this.$axios.$post()
4. In case of success expect to recieve "user" object in "then" block
5. Bonus: In case of error "catch" error and return Promise.reject(error)
6. Create a mutation to set user to a state
7. Dispatch login action when clicking login button and debug this functionality to make sure you are setting user to a state
1. Create logout Action
2. send a POST request to '/api/v1/users/logout'
3. in case of success in "then" commit mutation "setAuthUser" and set it to a null
4. you can return also "true" in case of success
5. In case of error return Promise.reject with error
6. create logout function in Navbar component
7. dispatch logout action when clicking logout button
8. in case of success dispatch, navigate user to login page
1. Create "register" action
2. expect to receive register form data to an action
3. send a POST request to "/api/v1/users/register" with register form data
4. You don't need to handle "then" block in action just handle "catch" where
you will return Promise.reject with error
5. in register page create function "register" and dispatch register action with
register form data
6. In case of success redirect user to login page
7. in case of error display toast message with an error
8. on register button click call function register
9. Test your functionality, register an user and login after
NOTE: provide all data during registration, also an valid avatar url because
you can get an error in navbar since avatar would be undefined
GOOD LUCK (:
1. Create "guest" middleware
2. check if user is authenticated
3. if user is authenticated then redirect to home page
4. apply this middleware to login and register page
1. Create new action "fetchInstructorCourses" where you will send "get" request to '/api/v1/products/user-products'
2. in "then" block you will receive "courses" data, please commit them to the state. In "catch" block reject promise
3. create mutation "setCourses" where you will assign courses to the state
4. in instructor/courses/index.vue create "fetch" function and dispatch "fetchInstructorCourses" action. You action is in "instructor/course/...."
5. in instructor/courses/index.vue create computed properties and get instructor courses
6. verify your functionality by debugging or Vue extension
1. Separate create form into 2 components - CourseCreateStep1, CourseCreateStep2
2. Provide component to create form
1. In CourseCreateStep2 get categories from store
2. Display categories options with v-for
Note: don't forget :key,