AlexRS90 / pokemon-cardgame

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.

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

• Open your terminal and run the following command: git clone https://github.com/AlexRS90/math-magicians.git
• Run the command npm install
• Run the command npm start

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

Author 👤

👤 Alejandro Ramos

• GitHub: @AlexRS90
• Twitter: @AlejandroRBenji
• LinkedIn: @AlexRS90

🤝 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