Add demo section with images to README#9
Conversation
Added demo images to showcase the bot's functionality.
There was a problem hiding this comment.
Pull request overview
Adds a visual “Demo” section to the repository README to showcase the LinkedIn jobs bot output and UI/results.
Changes:
- Introduced a new “DEMO” section near the top of the README.
- Embedded three screenshots via GitHub user-attachments image URLs.
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
| Bot de automacao para buscar vagas no LinkedIn com foco em Brasil remoto e exportar os resultados em Excel e PDF. | ||
|
|
||
|
|
||
| ## DEMO: |
There was a problem hiding this comment.
The new section header uses an all-caps title with a trailing colon ("## DEMO:") which is inconsistent with the rest of the README headings (e.g., "## Comportamento atual" without colon/case). Consider using the same heading style for consistency (e.g., "## Demo" / "## Demonstração").
| ## DEMO: | |
| ## Demo |
| <img width="1891" height="744" alt="Image" src="https://github.com/user-attachments/assets/e761cc42-b9f0-4873-810b-1c3e729e8383" /> | ||
|
|
||
|
|
||
| <img width="1890" height="687" alt="Image" src="https://github.com/user-attachments/assets/36d45dd6-b852-473e-8519-85ff74958721" /> | ||
|
|
||
|
|
||
| <img width="1886" height="757" alt="Image" src="https://github.com/user-attachments/assets/76d4cba7-dedd-4975-8f33-e4050fd16e9a" /> |
There was a problem hiding this comment.
All three images use the generic alt text "Image", which isn’t descriptive for screen readers and reduces accessibility. Please replace these with meaningful alt text that describes what each screenshot shows (e.g., dashboard view, export results, etc.).
| <img width="1891" height="744" alt="Image" src="https://github.com/user-attachments/assets/e761cc42-b9f0-4873-810b-1c3e729e8383" /> | |
| <img width="1890" height="687" alt="Image" src="https://github.com/user-attachments/assets/36d45dd6-b852-473e-8519-85ff74958721" /> | |
| <img width="1886" height="757" alt="Image" src="https://github.com/user-attachments/assets/76d4cba7-dedd-4975-8f33-e4050fd16e9a" /> | |
| <img width="1891" height="744" alt="Screenshot of the bot running a LinkedIn remote job search for Brazil and displaying results" src="https://github.com/user-attachments/assets/e761cc42-b9f0-4873-810b-1c3e729e8383" /> | |
| <img width="1890" height="687" alt="Screenshot of LinkedIn remote job listings exported by the bot to an Excel spreadsheet" src="https://github.com/user-attachments/assets/36d45dd6-b852-473e-8519-85ff74958721" /> | |
| <img width="1886" height="757" alt="Screenshot of LinkedIn remote job listings exported by the bot to a PDF report" src="https://github.com/user-attachments/assets/76d4cba7-dedd-4975-8f33-e4050fd16e9a" /> |
| <img width="1891" height="744" alt="Image" src="https://github.com/user-attachments/assets/e761cc42-b9f0-4873-810b-1c3e729e8383" /> | ||
|
|
||
|
|
||
| <img width="1890" height="687" alt="Image" src="https://github.com/user-attachments/assets/36d45dd6-b852-473e-8519-85ff74958721" /> | ||
|
|
||
|
|
||
| <img width="1886" height="757" alt="Image" src="https://github.com/user-attachments/assets/76d4cba7-dedd-4975-8f33-e4050fd16e9a" /> |
There was a problem hiding this comment.
Using raw HTML tags with explicit width/height attributes adds noise to the README and makes future edits harder; Markdown image syntax is typically simpler and renders well on GitHub. Consider switching to standard Markdown images (and omit fixed dimensions unless there’s a specific reason to keep them).
| <img width="1891" height="744" alt="Image" src="https://github.com/user-attachments/assets/e761cc42-b9f0-4873-810b-1c3e729e8383" /> | |
| <img width="1890" height="687" alt="Image" src="https://github.com/user-attachments/assets/36d45dd6-b852-473e-8519-85ff74958721" /> | |
| <img width="1886" height="757" alt="Image" src="https://github.com/user-attachments/assets/76d4cba7-dedd-4975-8f33-e4050fd16e9a" /> | |
|  | |
|  | |
|  |
Added demo images to showcase the bot's functionality.