Full Stack Javascript Project - Amazon Price Scraper
Try Audible and Get Two Free Audiobooks - https://amzn.to/2H2HNhO
Github Repo - https://github.com/benAkehurst/amazon...
Hey everybody, thanks for coming and watching this video today. As I mentioned in the video I made a few weeks ago about an amazon price tracker, I said that I had pulled out that code from a full stack project I was working on at the time, and in this video I want to walk you though the code and show you the methods and tools that I used to build this project. So I wont be doing any coding on purpose, but I bet I’ll see some stuff to be refactored along the way.
This video is going to be broken down into 3 main sections which are the backend code, the frontend code and finally the deployment.
Backend:
The first thing that I did in this project was deciding a stack, so I wanted to build my backend in Nodejs using the express framework. I wanted to make this project as a more throughout REST API, so I tried to build this project really from the mindset of “I won't be building the frontend, a different team will do that”, so because of this I wanted to make the code as clear and easy to use as possible.
Frontend:
I wanted this project as a progressive web app, so I chose the Ionic framework to build the app. I could have built the components using Stenciljs, as this is what I use at work, but because I had the feeling of wanting to get an MVP built, I used Ionic components to build the UI. I made a couple of quick sketches on paper of how I wanted the app to look and my basic flow.
Deployment:
As for the deployment, I used a mix of Mlab for the MongoDB in the cloud, as I haven’t had a chance to learn mongo atlas yet. The server sits on a free tier Heroku dyno, which stack overflow helped out massively to get up and finally, FE app is hosted on firebase.
I really loved working on this project as I can truthfully say it is the first proper full stack project I have built since “becoming a developer” and I am extremely proud of the project. I think that I am definitely missing things in the project, like unit tests for the frontend, or making the server side code more modular. That is still something that I need to work on.
But if you want to look at the code yourself, you can see a link for it down below in the video description. Or if you have any ideas or suggestions for the project, then please go ahead and leave a comment in the repo or fork the project and do a pull request if you want to.
And until next time, thanks for watching!
My Computer - http://amzn.to/2idKiks
My Camera - http://amzn.to/2khK2VW
My Tripod - http://amzn.to/2jFvBqI
My Camera Bag - http://amzn.to/2jF9QXY
Javascript Book - http://amzn.to/2idL9Sc
Web Design Book - http://amzn.to/2EilGnX
If you liked this video then go ahead and subscribe!
Watch video Full Stack Javascript Project - Amazon Price Scraper online without registration, duration hours minute second in high quality. This video was added by user Ben Akehurst 03 November 2019, don't forget to share it with your friends and acquaintances, it has been viewed on our site 4,047 once and liked it 102 people.