Pokedex 1.0.0

The github repository for my internship application at KreiosLabs

Table of contents

• How to run
• Overview
  • Screenshot
  • Links
• My process
  • Built with
  • Continued Development
• Author

How to run

1. Clone the repository
2. Use npm i to install the node modules
3. Use npm run dev to run the webapp
4. Access on browser through http://localhost:5173/

Requirements

• git
• node.js

Overview

This is a Pokedex website that displays all 1025 pokemon from the PokemonAPI.

Features include:

• Paginated results via infinite scroll (20cards per page)
• Live search based on id and name
• Sorting based on id and name.
• Modal Popup when a card is clicked

Screenshots

Links

• Design: Canva
• Live Site URL: GithubPages
• Pokemon data source: PokeAPI

My process

I'm built this project with React and Tailwind. I started with a function before form approach then used a mobile-first approach when styling the website because tailwinds breakpoints use min-width.

Built with

• HTML
• CSS
• Tailwind CSS
• React
• Vite

Continued Development

• Implement descending order for both sort types
• Implement filtering based on pokemon type
• More details in detailed view like evolutions and strengths
• Who's that pokemon mini game: button that shows random pokemon silhouette

Author

Francis Glenn Hernandez

• fghernandez108@gmail.com
• LinkedIn