Skip to content

[Good First Issue] Add Header and Footer Styling #3

@SthembisoMfusi

Description

@SthembisoMfusi

Description

Add visual styling to make the output look more polished with headers and footers.

Current Behavior

Output is plain text with no visual separation.

Expected Behavior

Add a header and footer to make the output look more professional.

Example Output

╔══════════════════════════════════════╗
║              POKÉDEX DATA            ║
╚══════════════════════════════════════╝
Name: Pikachu
National Pokédex Number: 25
Type(s): Electric
╔══════════════════════════════════════╗
║        End of Pokédex Entry         ║
╚══════════════════════════════════════╝

Implementation Steps

  1. Add print statements for the header before displaying Pokémon info
  2. Add print statements for the footer after displaying Pokémon info
  3. Use Unicode box-drawing characters for a nice border
  4. Make sure the header/footer are the same width

Skills Required

  • Basic Python knowledge
  • Understanding of string formatting
  • Basic design sense

What You'll Learn

  • String formatting and alignment
  • Unicode characters in Python
  • Basic UI/UX principles

Testing

Test with different Pokémon names to ensure the styling looks good with various name lengths.

Hints

  • Use Unicode box-drawing characters: , , , , ,
  • You can copy the characters from this issue description
  • Make sure the header and footer are the same width

Metadata

Metadata

Assignees

Labels

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions