Code Monkey home page Code Monkey logo

final-project-frontend's Introduction

Final-Project: Poke-Inspector

Overview

  • Project Purpose
  • Visit the application
  • Tech & Techniques

Project Purpose

Pokemon is a franchise that depicts fictional creatures that a trainer can catch & train.

Playing Pokemon games is a lot of fun and as a competitive person I always wanted to create the strongest team. But to be the best 'that no one ever was' you need extensive knowledge on Pokemon. The deciding factor between winning or losing against another trainer could be knowing the Pokemons Type, Ability, Stats, etc.

The Poke-Inspector app displays information about any known Pokemon. All you need to do is type a Pokemon's name or ID number, from the National Dex, and click the 'Search' button! The name, type, and image will display upon a successful search. If the Pokemon name is typed incorrectly it will not display.

If a user clicks the 'Card' displayed from the search you will see more data: the Pokemon's Ability, Hidden-Ability, Weight, Height, and stats. Any trainer can view the application as it dynamically adapts to different screen sizes.

Visit the app

Click HERE to see the app in action!

Link name: https://freddy-pc.github.io/final-project-frontend/

Tech & Techniques

  • JavaScript + React.js
  • Flat BEM structure
  • Flexbox
  • API (Application Programming Interface)
  • Promises
  • JSON format
  • Fetch Method (Server Requests)

final-project-frontend's People

Contributors

freddy-pc avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.