2024, Development
Role: Sole developer
JavaScript App (Pokédex)
I built a small web application using HTML, CSS, and JavaScript that retrieves data from an external API and displays it in a clean, user-friendly way. This project highlights my foundational front-end development skills and demonstrates how I work with APIs and interactive UI components
Key Features
Loaded Pokémon data from the Pokémon API
Displayed a list of Pokémon upon page load
Built interactive functionality to view detailed information for each Pokémon
Styled the app with CSS for readability and ease of use
Created a modal component for detailed views
Ensured cross-browser compatibility (Chrome, Firefox, Safari, Edge, IE11)
Deployed the app to GitHub Pages for public access
Process
This was one of my first full JavaScript projects, designed to help me put my programming knowledge into practice. Since I wasn’t building a custom API yet, I chose the Pokémon API to power a simple Pokédex app. Beyond functionality, I focused on creating a portfolio-ready application that combined usability, accessibility, and aesthetic appeal. I began by planning the type of external data I wanted to display and chose the Pokémon API for its engaging and recognizable dataset. I set up the base of the app with HTML and CSS to ensure semantic structure and a clean layout before moving into JavaScript development.
Once the framework was in place, I implemented the logic to fetch and render Pokémon data dynamically, followed by adding interactivity with a modal component for detailed views. As the app came together, I polished the design, ensured accessibility and cross-browser compatibility, and used ESLint to keep the codebase clean. Finally, I deployed the project to GitHub Pages so it could be easily accessed and showcased.