Skip to content

This single-page app allows you to browse through 250 pokemon cards, filter them by type and open every single card to see its description. I used React and Redux to fetch Pokemon data from the API.

License

Notifications You must be signed in to change notification settings

AlexRS90/pokemon-cardgame

Repository files navigation

Pokemon Training Card Game

Browse through 250 pokemon cards and get info like attacks, number of pokedex, value of the cards and pokemon type.

Milestone 1:

  • Followed Gitflow
  • Created work-branch
  • Created a new react-app
  • Configured components
  • Installed Redux and dependencies
    • Followed ducks pattern 🦆
  • Added Home Page component 🏠
  • Templated design followed 🎨
    • Added styles 🧑‍🎨
  • Get data from store
  • Added Details component 🕵️
  • Showed info from pokemon selected
  • Followed template design
  • Added Navbar component 🌐
    • Added back button ◀️
    • Added drop down list 📃
    • Filtered Pokemon by type 🔥 🌊 👁️ 🐉 🦾 🌱
  • Added dynamic routing for each single pokemon
  • Added unit test
  • Deployed web app
  • Recorded video presentation

Built With

  • React & Redux
  • Visual Studio Code
  • Linters
  • Deployed in Heroku

Live demo and video description

Video description

PokemonTCG-SPA

Set up locally

Once you completed this steps you should see the app running at: http://localhost:3000/ in your browser.

Author 👤

👤 Alejandro Ramos

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page

Original Design:

Nelson Sakwa Behance Profile

Show your support

Give a ⭐️ if you like this project!

License

  • MIT License

About

This single-page app allows you to browse through 250 pokemon cards, filter them by type and open every single card to see its description. I used React and Redux to fetch Pokemon data from the API.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published