/pokedex

Primary LanguageJavaScript

Pokedex

Looks up pokemon in the national pokedex. The backend was built with JavaScript, React.js, and Node.js. The frontend was built with JSX, CSS3, and SASS. Other features utilized include useState, axios, a reusable component, a pokemon API provided by https://pokeapi.co/?ref=hackernoon.com, and a CSS reset provided by https://www.joshwcomeau.com/css/custom-css-reset/.

How to run this project

  1. Open your terminal and type: git clone https://github.com/christiandeandemesa/pokedex.git
  2. To download the dependencies, cd into the pokedex folder and type: npm install
  3. Run this project by typing: npm start

Features

  • User can look up any pokemon and see their index number, height, weight, type(s), ability/abilities, base stats, and a sample moveset.
  • User can attempt to submit empty strings and string with whitespaces without crashing the application.
  • User can attempt to submit non-pokemon names, and receive an alert that such a species does not exist yet.

Upcoming Features

  • Responsive web design for portrait and landscape mobile devices.
  • Cross browser support for Chrome, Firefox, Edge/Internet Explorer, Opera, and Safari.
  • CSS effect to allow the top and bottom red panels to slide over the screen.

Author

Demo

pokedex.mp4