Meme Viewer Widget

Project Description

This project is a simple Meme Viewer widget that displays 100 of the best memes from the Imgflip API. Users can navigate through the memes using "Next" and "Back" buttons to cycle through the images and their corresponding names.

Features

• Displays 100 Memes: The widget fetches 100 memes from the Imgflip API.
• Navigation Controls: Users can browse through the memes using "Next" and "Back" buttons.
• Responsive Design: Uses Bootstrap for a clean and responsive UI design.
• Dark Theme: The background and text are styled to display well in dark mode.

Technologies Used

• HTML: Structure of the web page.
• JavaScript: Handles the logic for fetching the memes and updating the display.
• Bootstrap 5: For responsive design and styling.
• Imgflip API: Source of meme data.

Project Files

1. index.html

   • Sets up the HTML structure and includes references to the JavaScript file and Bootstrap CSS.
   • Contains placeholders for the image display and button controls.

2. app.js

   • Fetches meme data from the Imgflip API.
   • Manages the display of memes and navigation functionality.
   • Updates the HTML dynamically with the meme image and name.