Developing an E-commerce Software with VueJS | Check it out!

Hi, I'm @techlhab. It was fun, challenging, and also very educating building this project, which is an e-commerce software with VueJs. Before I started using VueJS and ReactJS, I have worked on and developed e-commerce software using HTML, CSS, Javascript for the frontend part of the software and Django (A backend framework built with python) for the Backend (That is the server-side) of the software.

But talking about this project, I used VueJS a javascript frontend framework is used to develop the client-side (UI) of the project, NodeJS for backend, and AWS Amplify for hosting, deployment and database.

Above, is the home page of the software where users can search for products, see featured products, and also navigate to other pages on the software.

This image shows the part of the codes I wrote towards the development of the software, the components, route, pages, etc.

This is the product page of the software where users can see all products on the platform, make searches, and add to cart items to their cart.

This shows the cart page, where selected items by the user appear before checkout and payment is made. This page is one of the pages of the software where more logical coding was made. And it is made to be dynamic and asynchronous, in such a way that as the user increases the quantity of an item to be purchased in the cart, the total price is been automatically computed by the software.

Above is the checkout page, where the user inputs his/her shipping and billing details and makes payments for the items purchased.

I also developed a dashboard for the users to manage and monitor their purchases or orders, edit their account details or user profile on the e-commerce platform.

It was fun building this, as I was able to learn and improve my skills through challenges I encountered during the development and I hope you also enjoyed reading this. The software can be accessed via this link.

Thanks for reading 🤝, don't forget to like ❤️, comment, and share.