Magical Characters [Magical Characters]
This is a web application that fetches and displays characters from the Harry Potter API. Users can filter characters by their Hogwarts house, load more characters with pagination, and view each character’s details in a styled card layout.
- Fetches character data from the Harry Potter API.
- Filter characters by house using a dropdown menu.
- Load more characters with a "Load More" button for pagination.
- HTML, CSS, JavaScript
- Fetch API for external data
While working on this project, I encountered a few questions that I would appreciate guidance on:
- Time Management
What’s the best way to manage time and tasks effectively during lab-based or solo web development projects?
Initially, based on the project instructions, I estimated that it would take **about 2 days ** to complete.
However, my actual workflow involved:
- Refreshing knowledge of HTML, CSS,JavaScript, and API
- Reviewing the DOM (Document Object Model)
- Designing and building the final layout
- Implementing core functionality
This process took approximately Three days, as I wanted to ensure a thorough understanding and thoughtful execution of each step.