Skip to content

shantanuuchak/pokespoke

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

58 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Pokespoke

Displays Pokémon cards from the data.json file.

image

Features

  • Search as you type: Filters out pokemons even in cases of typos using fuzzy-search
  • Keyboard Accessibility: Press / to quickly focus on the search bar.
  • Graceful Degradation: Shows a "Pokemon Not Found" card when an invalid Pokémon is entered.
  • Shuffle Pokémon: Randomizes Pokémon on every page load using array-shuffle.
  • Avoid Expensive DOM Computations: Making the input field debounce on keystroke
  • Bootstrap Components: Built with Bootstrap (because it’s still alive and kicking, lol).
  • Parcel for Builds: Using Parcel for fast builds and optimizations.

Setup

  1. Ensure you have Node.js and npm installed. Run: npm install.
  2. Start the local development server with: npm run dev.
  3. For deployment, add: npm run build and set publish-directory: /dist.

Releases

No releases published

Packages

No packages published