Тёмный

Full Stack Vue App: Learn MEVN in one video with Mongo Express Vue and Node js 

Esteban Codes
Подписаться 7 тыс.
Просмотров 37 тыс.
50% 1

Learn how to build and deploy a full-stack application in one video. We will be using MongoDB, Express, and Node js along with Vue.
Source code: github.com/3st...
---------------
You can support the channel for more free content by clicking the Thanks button
---------------
Second channel on Spanish
/ @dacoder8061
----------------
Follow me on social media
GitHub: github.com/3stbn
Twitter: / esteban_codes

Опубликовано:

 

10 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 53   
@ritwikdivakaruni7645
@ritwikdivakaruni7645 3 года назад
I rarely leave comments on RU-vid but after learning about how to properly deploy both frontend and backend in the same folder, I am so glad I went through the wonderful tutorial!
@IndianTinker
@IndianTinker 3 года назад
Gracias wey! Thanks a lot. I have a request. You should add to this series with two more videos: 1. User Login 2. Multiple schemas Hoping to see more videos :)
@Andreas-hy7ob
@Andreas-hy7ob 3 года назад
Really looking for something like this too, especially the security side of the individual users!
@Sanduni3825
@Sanduni3825 Год назад
I have literally never left a review before, but this tutorial deserves it. Thank you so much. I was stuck for days and this tutorial showed me everything I needed to create my full stack application.
@bartheus6709
@bartheus6709 2 года назад
For people who have separate folders for frontand and backend here solution for correctly working client script : "client": "cd ../ && npm run serve --prefix frontend-client", btw. Thanks very much for this tutorial :)
@kadavarun7560
@kadavarun7560 4 года назад
Nice tutorial I was searching for one that was short but still detailed. I have just started MEVN and this video made my day. Now I am ready to dive into MEVN completely. Thanks a ton man..!!
@EstebanCodes
@EstebanCodes 3 года назад
Glad you liked it!
@rohitsuryawanshi2065
@rohitsuryawanshi2065 3 года назад
You might have got command over mevn now as you had messeged 8 months prior. Will u help me out. Where had u started to learn mevn and what about notes.
@agenciaplann5066
@agenciaplann5066 3 года назад
Hi Esteban, I want to say thank you for this great tutorial. A lot of things start to make sense to me after watching your video. There were times that I was overwhelmed by this, but I'm new into Vue world, so that was expected. You have a great way to teach things, way better than other youtubers that I watched recently. Again, thank you so much for helping us.
@daddy4sharx
@daddy4sharx 2 года назад
EDIT: One thing though, there's no portion on components or routers, I find that I'm having some difficulty in implementing both in the current project. Not only did you provide instructions for full stack development, you showed how to actually *deploy* the app as well via Heroku. Thank you for posting your source code along with this, kick-ass tutorial!
@suthirakprom
@suthirakprom 3 года назад
your method of teaching is really short and detailed. I learnt a lot in this video. Thank you so much.
@Malkit_123
@Malkit_123 2 года назад
Great tutorial, everything is explaned clearly. Never seen tutorial like this. Good job.
@joaovitorfernandes8201
@joaovitorfernandes8201 3 года назад
Nice method, i was looking for any turtorial up to date and i found yours, really good video.
@Akosiyawin
@Akosiyawin 3 года назад
This guy makes good content, but only little can appreciate.
@cindrmon
@cindrmon 2 года назад
nice tutorial! i was able to follow the tutorial even if i converted to a vue 3 vite frontend! kudos to you
@angrybonobro8711
@angrybonobro8711 2 года назад
Awesome video, clear and concise ! Thank you very much
@mackenmd
@mackenmd 2 года назад
You did an exceptional job with this video, thank you for all the time you put into it. Happy to subscribe and look forward to checking out your existing and future tutorials!
@EstebanCodes
@EstebanCodes 2 года назад
Thanks mate, I really appreciate the kind works, this kind of videos are the ones that take the longer (compressing information in a short period of time) will try to make some more in the future
@johnmahugu
@johnmahugu 3 месяца назад
Estebaaaaan Thank you man :)
@wolfgalax8204
@wolfgalax8204 3 года назад
Works like a charm! Good video
@hassanbadawy481
@hassanbadawy481 2 года назад
Thank you, this was very useful
@henriquebraga8671
@henriquebraga8671 3 года назад
very nice and clean context, amazing project.
@benalfredebho826
@benalfredebho826 3 года назад
Nice tutorial....well detailed especially the heroku part is so useful for me....thanks alot
@rangabharath4253
@rangabharath4253 3 года назад
Awesome as always 👍😊. Thank you so much for the awesome videos 👍
@agustinrey2068
@agustinrey2068 4 года назад
Genio!!!!!!!!! Gracias por tanto, perdon por tan poco
@cuneytdonmez214
@cuneytdonmez214 3 года назад
lovely
@michelberwind9010
@michelberwind9010 2 года назад
at 20:20 im getting the error: "TypeError: Cannot read properties of null (reading 'split')". I did everything the same as in the tutorial except that in the config.js i declared mongoUri directly in the file...can somebody help me? What could be causing this error?
@codingmarina7309
@codingmarina7309 2 года назад
Hello, how could I integrate an external api into this project, for example news? And how could I sort the news by title? Thank you
@lightman1431
@lightman1431 3 года назад
thk u very much Esteban, be blessed
@csangale
@csangale 4 года назад
before running concurrently make sure to npm install -g concurrently --save
@dimasandhk
@dimasandhk 3 года назад
You don't have to install it globally
@ridaararou2976
@ridaararou2976 3 года назад
Great tutorial! thank you soo much 🙏
@ofeyofey
@ofeyofey 2 года назад
7:01 Do the slashes go the other way for linux? This only work for Windows I think.
@nikhuge6580
@nikhuge6580 2 года назад
can u do more vuejs fullstack tutorials.........nice tutorial
@michaelzampogna6676
@michaelzampogna6676 2 года назад
At 5:32, you say that 'because I have [jarrant?] installed on my computer...' What is [jarrant] ?
@patrickvideogameplay
@patrickvideogameplay 3 года назад
"message": "bucketListItem validation failed: description: Path `description` is required." - can you help? after post request to add post
@abeercodes
@abeercodes 3 года назад
facing the same problem
@DwiKuntarto
@DwiKuntarto 3 года назад
Nice tutorials Thanks !!!
@rolandogonzalez7173
@rolandogonzalez7173 3 года назад
I wasn't able to get the client's 8080 page to load the list items, so I did a direct copy paste from your github and still doesn't display the list items shown at timestamp 20:20 This is the error i'm receiving Request URL: localhost:8080/api/bucketListItems/ Request Method: GET Status Code: 404 Not Found Remote Address: localhost:8080 Referrer Policy: strict-origin-when-cross-origin
@rolandogonzalez7173
@rolandogonzalez7173 3 года назад
I completely closed VSCode and it fixed itself
@Keneeno
@Keneeno 3 года назад
He initially added vue.conif.js but it should be vue.config.js in the client folder according to his github
@georgeramirez7526
@georgeramirez7526 2 года назад
Hi, Esteban. Thanks for the great tutorial. I was following this tutorial, but I tried to use vite instead of vue-cli. But I had a problem with configuring the proxy. Can you show me how to configure vite with express api?
@sokunmeng38
@sokunmeng38 3 года назад
I cannot export MONGO_URI by passing the mongo URL connection (export : The term 'export' is not recognized as the name of a cmdlet, function, script file, or operable program. Check the spelling of the name, or if a path was included, verify that the path is correct and try again. At line:1 char:1). How can I solve it?
@Axel-et5gb
@Axel-et5gb 3 года назад
For windows: Use 'set'
@altb3272
@altb3272 3 года назад
@@Axel-et5gb thank you, very helpful!
@professionalvacationers
@professionalvacationers 4 года назад
Hey Esteban, nice video so far. I was wondering if you knew I am getting an error telling me to make sure the first parameter to `mongoose.connet()` is a string. I did export MONGO_URI='mongodb+srv://admnin:myPass12@provaca.5vjb9.mongodb.net/mevn-stack?retryWrites=true&w=majority' and then did the echo $MONGO_URI and everything worked until I after I tried to run the node server.js I made it worked after I made const mongoUri = 'mongodb+srv://admnin:myPass12@provaca.5vjb9.mongodb.net/mevn-stack?retryWrites=true&w=majority' . I ran it in the terminal GitBash and PowerShell and got the same results everytime...
@EstebanCodes
@EstebanCodes 4 года назад
Hey did you set up the env variable in a bash_profile ? www.quora.com/What-is-bash_profile-and-what-is-its-use remember that if you just set that once it will be gone in the next terminal session.
@AdamExploresUK
@AdamExploresUK 4 года назад
I saw same problem. How can i solve this promlem. I have windows computer. Your video and style is good. But I think you should have considered all users. I spent 1 hour. But i couldnt go. I were stacked.
@altb3272
@altb3272 3 года назад
@@AdamExploresUK superuser.com/questions/1500272/equivalent-of-export-command-in-windows
@debanjanbarman7212
@debanjanbarman7212 4 года назад
man can you add google, Facebook authentication
@SelvaKumar-kq7pz
@SelvaKumar-kq7pz 4 года назад
Nice work bro! Keep it up! Can I ask you how you edit your videos? Im also making dev vids... Channel is vuelancer!
@EstebanCodes
@EstebanCodes 4 года назад
Hey, I use a combination of a software call "Create Studio" for animations etc and Davinci Resolve wich is a free editing software , Nice channel btw :)
@celestial8610
@celestial8610 3 года назад
Your voice sounds like tired.
Далее
Мой телеграмм: v1ann
00:14
Просмотров 51 тыс.
React Native Crash Course - Full App tutorial with Expo
2:00:12
Elon's Big Bet On Tesla's Future | Optimus 2
18:07
Просмотров 129 тыс.
Build a chat application with Svelte and Firebase
54:07