Pokemon Gallery React Capstone

[AbdelrhmanAmin]

I needed an extra one day because I had a very challenging time with testing and I had to refactor my code multiple times and create several branches to address the issues. A catalog of pokémon, using PokeAPI: https://pokeapi.co/ The web app should have at least 2 types of pages:

• one page with a list of items that could be filtered by some parameters; in the example project, it's a list of pokemons that can be filtered by name
• one page for the item details; in this example, the product detail page (Preview Pokemon)

Technical mandatory requirements of the project

1. The project is a single page application built with React and Redux
2. The data that was retrieved from the API should be stored in the Redux store
3. You should filter the data that you retrieve from the API using a Filter stateless component
4. Every page, the main page, and pages for each item, should have a unique route within the SPA

5. The project should be deployed and accessible online

   Assessment criteria

   • Use JSX syntax correctly
   • Pass info to components using props with validation
   • Use React components lifecycle methods
   • Use DOM events listeners in components
   • Use lifting to pass state from children to parent components
   • Use client side routes
   • Design a components structure for a website
   • Test React code
   • Use Redux store to keep state
   • Explains data flow in Redux
   • Connects Redux to React app (includes map state and dispatch to props)
   • Explains when Redux is useful in your SPA and what value it provides you
   • Explain React and virtual DOM concepts
   • Passion for software development.
   • Ability to translate business requirements into software solutions.
   • Ability to multitask and effectively manage time and prioritization.
   • Strong English written communication
   • Strong English verbal communication
   • Deploy apps (Heroku, Netlify)
   • Use linters (code standards)
   • Maintain professional Github repos