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!
