VehiclesFashionRecipesBlogsHuntTravelsSportFunHandmadeITEducation
Mini-Games
x

x
zakruti.com » IT - Software » freeCodeCamp.org
Full Stack Web App using Vue.js & Express.js: Part 6 - Search

Full Stack Web App using Vue.js & Express.js: Part 6 - Search

FBTwitterReddit

video description

Rating: 4.0; Vote: 1
Welcome to part 6 of a new series where I will create a full stack web application using Vue.js and Express.js GitHub repo: https://github.com/codyseibert/tab-tracker Follow Cody on
Date: 2022-03-14

Comments and reviews: 10


-Cody Seibert
I get the error below after I have moved the Panel to globals folder and I have made sure that all paths are correct. Could you please help me with this. I have tried googling this but did not get much help.
webpack-internal:///100:84 Uncaught ReferenceError: Panel is not defined
at eval (webpack-internal:///100:84)
at Object. (app.js:1356)
at __webpack_require__ (app.js:660)
at fn (app.js:86)
at eval (webpack-internal:///170:1)
at Object. (app.js:1805)
at __webpack_require__ (app.js:660)
at fn (app.js:86)
at eval (webpack-internal:///111:5)
at Object. (app.js:1433)

reply

Hi, thank you so much for the AWESOME tutorials!! I have a question though, at times, seems almost random, I am getting undefined for the songId in the bookmark section. I don't know how, since it is displaying the correct song but yet this.song.id is showing as undefined in this section of code:
const bookmark = (await BookmarksServices.index(-
songId: this.song.id,
userId: this.$store.state.user.id
-)).data
Driving me nuts trying to figure out why. Thanks for any pointer you can give me.

reply

Hello Sir, Thank you for this series. I am learning an lot from this and also figuring out what else to learn more. I have found out that for showing/hiding an element v-show can also be used. Here is an example which I have used instead of v-if for bookmark buttons in SongsMetadata.vue. My understanding is that it is a matter of choice but it's good to know alternate ways as well.
Bookmark

reply

Amazing tus.
Thank you!
ESLINT Extension for vscode can help with autofixing small problems like extra semicolon or whitespaces or whatever. You even can set it up to autofix on file save.
Also why don't you use Ctrl/Cmd + P in order to search for files
Hopefully will be useful for somebody else

reply

Hi Cody,
I get a 500 when I set up the key as 'search' at 12:54 in the SongsService.js but it works if I change it by anything else(200). After, I just follow your tut to add the functionalities in the SongsController.js but it does not work.
Any suggestion?
Thanks in advance for your answer!

reply

Anyone else getting an -SequelizeForeignKeyConstraintError SQLITE_CONSTRAINT: FOREIGN KEY constraint failed- when trying to seed the db? I've copy pasted most of the code from the codys github and still recieveing this error... any help? I've also reinstalled sequelize to the same version....
reply

Hi Cody
Awesome work put together.
Was going through this section of the tutorial and i discovered that the backend doesn't spill back response data in terms of the book marking function,
i'm always getting -this.bookmark.id is undefined-
Do u have any ideas
Thanks again

reply

hey i use mongodb in this course, so can any one here help me and tell me how to make make back end for the search bar in minute 15:00 so in songsController.js what should i type in -- if -statement-- to make search bar search in [title , genre, album and artist] ??? please help me - -
reply

OK -- so after some puzzling I think I understand what's going on with the sequelize query. It's shorthand for this, right?
Song.findAll(-
where: -
$or: [
-title: -$like: -%$-search-%---,
-artist: -$like: -%$-search-%---,
...etc.]
--)
Right?

reply

So is the bookmark relation being set as 1:1 or mahy to many? Because the bookmark table ends up looking like a many to many association, but the methods you use to define it are for 1-1 according to the Sequelize docs...
reply
Add a review, comment






Other channel videos