Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/andersonsrocha/pokedex
π PokΓ©dex for listing pokemons
https://github.com/andersonsrocha/pokedex
pokedex pokemon radix-ui tailwind tailwindcss typescript
Last synced: 2 days ago
JSON representation
π PokΓ©dex for listing pokemons
- Host: GitHub
- URL: https://github.com/andersonsrocha/pokedex
- Owner: andersonsrocha
- License: mit
- Created: 2022-10-10T01:03:03.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-01-10T01:37:38.000Z (about 2 years ago)
- Last Synced: 2024-01-25T18:39:20.585Z (12 months ago)
- Topics: pokedex, pokemon, radix-ui, tailwind, tailwindcss, typescript
- Language: TypeScript
- Homepage: https://pokedex-andersonsrocha.vercel.app
- Size: 572 KB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
π» PokΓ©dexPokΓ©dex created with ReactJS + TypeScript, using vite as boilerplate and tailwind CSS as customization library.
Tailwind is used to manipulate the page's css and customize the Radix UI components,
the Radix UI Icons library is used to compose some of the basic screen icons and
PokeApi as the api for data consumption.![](https://img.shields.io/badge/release-v1.0.0-52a49a)
![](https://img.shields.io/badge/yarn-%3E%3D%201.22.19-blue)
![](https://img.shields.io/badge/node-%3E%3D%2018.9.0-green)
ποΈ Index
- [π Technologies](#-technologies)
- [β¨ Features](#-features)
- [π¦ Install](#-install)
- [π¨ Build](#-build)
- [π Preview](#-preview)
- [β Credits](#-credits)
- [π Links](#-links)
- [π License](#-license)## π Technologies
- π© React
- π‘ TypeScript
- β‘ Vite
- π Tailwind CSS
- π₯ PokΓ©Api## β¨ Features
- π Search pokemon by name
- π± Responsiveness
- π Pagination
- β¨ Shape change
- ποΈβπ¨οΈ Icon change## π¦ Install
π Install the dependencies and **start** the project
```bash
yarn install
yarn run dev
```## π¨ Build
π **Build** the application for **production**
```bash
yarn run build
```## π Preview
π Preview the build
```bash
yarn run preview
```## β Credits
- [Loading](https://codepen.io/tiffachoo/pen/WNxEJZP)
## π Links
- [Vite](https://vitejs.dev/)
- [Github](https://github.com/andersonsrocha)
- [LinkedIn](https://www.linkedin.com/in/anderson-silva-a40926192)## π License
This project is under the MIT license. See the [LICENSE](LICENSE) file for more details.