Pokédex

This project was done based on the Looqbox FrontEnd Challenge.

🚀 Start

Clone the project to your machine and run npm install to install the project's dependencies. Once done, just hit npm start to see the Pokédex on your screen.

📋 Test prerequisites

• Dynamic SPA App that shows a list of Pokémons, and search them, using the Pokeapi.
• In the main page you need a search bar and a loaded list of Pokémons (random or just hardcoded);
• Clicking on any Pokémon shows a card/modal/page with that Pokémon's info;
• Searching and pressing enter on the search bar will show the result instead of the list;
• The App needs at least two different routes.

🛠️ How it was done

• HTML/CSS;
• React was used in the project through functional components, with arrow functions, also using hooks;
• Redux Toolkit was applied as suggested;
• The project was created with TypeScript formatting, however, not all objects were typed; I demonstrated how development should be done in the language - main reference of how I think it should be done is demonstrated in this project;
• The API call was made asynchronously, using Redux Toolkit createAsyncThunk;
• Responsiveness was a priority for the entire application;
• The routes were done as requested;
• No CSS framework was used beyond Styled Components and Ant Design, which was recommended.

✒️ Observations

• Some comments were left on purpose for the test evaluator to read;

💻 Quick preview

📝 References

• React;
• Redux;
• Redux Toolkit;
• Redux Toolkit createAsyncThunk;
• Redux Toolkit Guide;
• Project for inspiration // TS;
• Project for inspiration // Design.

-- feito por @dornelasthabata 😊