A design system is a collection of reusable components, guided by clear standards, that can be assembled together to build any number of applications.
React.js, TypeScript, Tailwind, storybook, React hooks.
Screaming architecture and for organize css BEM, ATOM and ITCSS.
- Dropdown: A dropdown component that can be used to create a dropdown menu.
- Button: A button component that can be used to create a button with different styles.
- Dropdown search: A dropdown search component that can be used to create a dropdown search menu.
Poke to combat is where you can choose your favorite pokemon to fight with other pokemons.
React.js, TypeScript, Tailwind, redux, daysi.ui, cypress and React hooks.
- Search: A search component that can be used to search pokemons.
- Filter: A filter component that can be used to filter pokemons by name.
- ADD: A button to add pokemons to the combat.
- DELETE: A button to delete pokemons from the combat.
Guess the Pokémon from its silhouette. Choose the correct name from the list.
Vue, TypeScript, Vite, tailwindcss.
- Silhouette: A silhouette component that can be used to show the silhouette of a pokemon.
- List: A list component that can be used to show the list of pokemons.
- Button: A button component that can be used to select the correct pokemon.
2024 Betty jimenez - Frontend Developer