Fullstack Fruit & Veg Shop: A web application developed with HTML, CSS, and JavaScript for the frontend, and Django for the backend. Features include user authentication, a product catalogue, shopping cart functionality, and order management. and much more
Implemented functionality enabling users to like a post, including the necessary CSS, HTML, and
JavaScript. Upon navigating to the blogs_detail.html page, users can click the thumbs up
icon to like the post. Currently, users can like the post multiple times, incrementing the like counter.
However, once the backend feature is implemented, users will only be able to like the post once and they
must be logged in to do so.
Most of the JavaScript was added to blog.js, but a distanceUtils.js file
was also created inside the js utils folder to assist with the like functionality.
No login is required.
Navigate to the blog section via the navigation bar.
Click on any card to go to the blog's detail page.
Scroll to the section displaying the thumbs-up icon and click it.
Implemented functionality enabling users to like a post, including the necessary CSS, HTML, and JavaScript. Upon navigating to the
blogs_detail.html
page, users can click thethumbs up
icon to like the post. Currently, users can like the post multiple times, incrementing the like counter. However, once the backend feature is implemented, users will only be able to like the post once and they must be logged in to do so. Most of the JavaScript was added toblog.js
, but adistanceUtils.js
file was also created inside thejs
utils folder to assist with the like functionality.