devrishi-dutta / instalovebtn

Instagram Like Button

This is a simple web page that demonstrates an Instagram-like interface, including a post container with like and other icons. Double-clicking the post image changes the color of the like button to red and scales the image.

Technologies Used

• HTML
• CSS
• JavaScript
• Lordicon (for SVG icons)

Features

• Double-click the post image to like it.
• The like button changes color to red when liked.
• The like button resets to its original color when unliked.

Video Demo

Watch a video demonstration of the Instagram-like button by clicking the link below:

Watch Video Demo

Getting Started

Follow these steps to get a copy of the project up and running on your local machine.

1. Clone this repository to your local machine.

   git clone https://github.com/ravin972/InstaLoveBtn.git

2. Open the index.html file in your web browser to view the Instagram-like button.

Usage

• Double-click the post image to like it.
• The like button will turn red when liked, and return to its original color when unliked.
• Click on the other icons (comment, share, save) to simulate their functionality.

Customization

You can customize the post content and icons by changing the SVG icons' URLs or adding your own icons to the HTML code.

Authors

• ravin972

License

This project is licensed under the MIT License - see the LICENSE.md file for details.

Acknowledgments

• Lordicon for the SVG icons used in this project.
• Inspiration from the Instagram like feature.