Skip to content
Open
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
41 changes: 23 additions & 18 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,22 +1,27 @@
# 📊 Project: Simple API 2
# Meme Generator Simple API

### Goal: Display data returned from an api
**Project Overview**
This is an interactive meme generator application that fetches and displays meme templates from an external API. Users can browse through a collection of popular meme images, demonstrating fundamental API integration and data rendering. A straightforward project showcasing how to retrieve and present data from a single API source with a clean, user-friendly interface.

### How to submit your code for review:
<img width="1050" height="870" alt="image" src="https://github.com/user-attachments/assets/905679fe-50e4-444f-b34e-b89cf8c7497e" />

- Fork and clone this repo
- Create a new branch called answer
- Checkout answer branch
- Push to your fork
- Issue a pull request
- Your pull request description should contain the following:
- (1 to 5 no 3) I completed the challenge
- (1 to 5 no 3) I feel good about my code
- Anything specific on which you want feedback!
**Core Features**
* Fetch meme data from external API
* Display meme templates dynamically
* Interactive meme browsing interface
* Real-time data rendering
* Responsive layout for all devices

Example:
```
I completed the challenge: 5
I feel good about my code: 4
I'm not sure if my constructors are setup cleanly...
```
**Technologies**
* **HTML:** Structure and application layout
* **CSS:** Styling, responsive design, and visual presentation
* **JavaScript:** API requests, data handling, and DOM manipulation
* **Meme API:** External meme data source

**Key Takeaways**
* Making **API requests** using fetch
* Working with **asynchronous JavaScript** and promises
* **Parsing JSON data** and extracting relevant information
* **Dynamic DOM manipulation** to display API results
* Implementing **error handling** for API calls
* Building **data-driven applications** with external APIs