feat: add autocomplete search with Zustand store and API layer

- Add PokemonAutoComplete atom component using Ant Design
- Implement API layer with axios for Pokémon data fetching
- Create Zustand store for centralized state management
- Add autocomplete suggestions with real-time filtering
- Update SearchBar molecule to use autocomplete functionality
- Load all Pokémon names on app initialization
- Add path aliases for cleaner imports (@api, @stores)
- Remove old service layer in favor of API layer
- Maintain intentional bugs for debugging practice
- Update project structure and documentation
This commit is contained in:
Carlos
2025-08-03 15:31:55 -04:00
commit e61b8c58fd
31 changed files with 6129 additions and 0 deletions

View File

@@ -0,0 +1,24 @@
import React from 'react';
import { Input } from 'antd';
interface PokemonInputProps {
value: string;
onChange: (value: string) => void;
placeholder?: string;
}
export const PokemonInput: React.FC<PokemonInputProps> = ({
value,
onChange,
placeholder = 'Enter Pokémon name...'
}) => {
return (
<Input
value={value}
onChange={(e) => onChange(e.target.value)}
placeholder={placeholder}
size="large"
allowClear
/>
);
};