VehiclesFashionRecipesBlogsHuntTravelsSportFunHandmadeITEducation
Mini-Games
x

x
zakruti.com » IT - Software » freeCodeCamp.org
Full Stack Todo List Tutorial using Vue.js & AdonisJs

Full Stack Todo List Tutorial using Vue.js & AdonisJs

FBTwitterReddit

video description

Rating: 4.0; Vote: 1
We are going to build a simple full stack todo list application using Vue.js for the front end and Adonis to implement the REST API. Also uses Vuetify. Vue.js section starts at 1:11:14 Cody's Channel: https://www.youtube.com/channel/UCsrVDPJBYeXItETFHG0qzyw - Code: https://github.com/codyseibert/vue-adonis-todo - Follow Cody on
Date: 2022-03-14

Comments and reviews: 10


Hi ... After having a registerError or loginError because of inserting wrong data, if you try once more to insert correct data, for every key pressed, an error is thrown in the browser console with something like this:
(after a registerError...)
[Vue warn]: Invalid prop: type check failed for prop -value-. Expected Boolean, got String with value -An error has occured trying to create your account-.
(after a loginError...)
[Vue warn]: Invalid prop: type check failed for prop -value-. Expected Boolean, got String with value -An error has occured trying to login-.
How to solve this? There is a way to send the request only when the Register/Login button is pressed and not for every key pressed?

reply

Great tutorial! It worked fine with SQLite3. I tried again using PostgreSQL and received the following error:
insert into -users- (-created_at-, -email-, -password-, -updated_at-, -username-) values ($1, DEFAULT, DEFAULT, $2, DEFAULT) returning -id- - null value in column -username- violates not-null constraint
My code is:
class UserController -
async register(- request -) -
const - email, password - = request.all();
await User.create(-
email,
password,
username: email,
-);
return this.login(...arguments);
-
-;
Any ideas? Thanks in advance!

reply

I was trying to follow Up to my best, but when I
--- async register(- request -) -
const - email, password - = request.all();
const user = await User.create(-
email,
password,
username: email,
-);
return user;
- ---
I get this error
--- Hash is not defined ---

reply

At 45:47, you correct the code to add 'module.exports = new AuthorizationService();', any particular reason to new up an AuthorizationService rather than just use 'module.exports = AuthorizationService;' which works just fine?
reply

Awesome! I love adonis, im running it for about 3 or 4 month (production) and work great.
The migration commands are a little buggy, but its okay.
Please websocket tutorial!! :D

reply

Laravel is so cool some hidden parts are hot, making some laugh at first and cry to understand the hot part later. Adonis.js makes some people just smile, probably due to warm ecosystem.
reply

Please can you guide me with a material online on the right way in deploying a client and server app? Since just copying to the public folder created isn't the best approach
reply

If you are following this tutorial and looking to preview api error responses, click the -Preview- inside of the Postman response area. No need to copy / paste into JSBin.
reply

Why you are not logout the user from the server side and you juste set the token to null in the fontend. So how to remove the token in the server side with adonis
reply

Yo, great tutorial. No need to use another tool to check the html responses in Postman though, just hit the preview button above the response pane -
reply
Add a review, comment






Other channel videos