docs: add app screenshot to README

- Add APP_VIEW.png screenshot showing Pokémon Explorer interface
- Include descriptive caption explaining the app's functionality
- Position image strategically after introduction for immediate visual context
- Showcase clean UI with search functionality and Pokémon display
- Demonstrate app's professional appearance despite intentional bugs
- Enhance README engagement with visual demonstration
This commit is contained in:
Carlos
2025-08-03 16:10:52 -04:00
parent 6d259ecebd
commit 78d290b18e
2 changed files with 4 additions and 0 deletions

View File

@@ -4,6 +4,10 @@ Welcome to the chaos lab where we intentionally break things so you can learn to
Built with Vite + React + TypeScript, Ant Design, and Atomic Design principles, this app fetches Pokémon data from the PokeAPI. But here's the catch: it's riddled with bugs, both real and intentional, waiting for you to discover and understand. Built with Vite + React + TypeScript, Ant Design, and Atomic Design principles, this app fetches Pokémon data from the PokeAPI. But here's the catch: it's riddled with bugs, both real and intentional, waiting for you to discover and understand.
![Pokémon Explorer App Interface](assets/APP_VIEW.png)
*The app in action: Search for Pokémon, discover bugs, learn debugging.*
## Bugs (Challenges) ## Bugs (Challenges)
Your mission: identify them, understand their root causes, and document your findings. There may be one bug we didn't list. If you find it, we owe you bragging rights. Your mission: identify them, understand their root causes, and document your findings. There may be one bug we didn't list. If you find it, we owe you bragging rights.

BIN
assets/APP_VIEW.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 123 KiB