https://github.com/savg92/pokedex-app-react
This is a simple pokedex app that uses the PokeAPI to display information about different pokemons. The app is built using React and TailwindCSS.
https://github.com/savg92/pokedex-app-react
mantine-hooks nodejs pokeapi react react-query react-router shadcn-ui tailwind-css typescript vite
Last synced: about 1 month ago
JSON representation
This is a simple pokedex app that uses the PokeAPI to display information about different pokemons. The app is built using React and TailwindCSS.
- Host: GitHub
- URL: https://github.com/savg92/pokedex-app-react
- Owner: savg92
- Created: 2024-02-13T02:50:15.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-04-03T02:39:16.000Z (about 2 years ago)
- Last Synced: 2024-04-03T04:35:28.246Z (about 2 years ago)
- Topics: mantine-hooks, nodejs, pokeapi, react, react-query, react-router, shadcn-ui, tailwind-css, typescript, vite
- Language: TypeScript
- Homepage: https://pokedex-app-react-savg.vercel.app
- Size: 210 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
### Pokedex - React
This is a simple pokedex app that uses the [PokeAPI](https://pokeapi.co/) to display information about different pokemons. The app is built using React and TailwindCSS.
## Features
- Search for pokemons by name
- View detailed information about a pokemon
- View a list of all pokemons with pagination (original 151 pokemons, 10 per page; in case you want to see all pokemons, you can change the limit in the `getPokemons` function in `src/pages/pokemons.tsx`)
## Installation
1. Clone the repository
2. Install the dependencies
```bash
npm install
```
```bash
bun install
```
3. Start the development server
```bash
npm run dev
```
```bash
bun dev
```
4. Open the app in your browser at `http://localhost:5173`
## Technologies
- [Node.js](https://nodejs.org/en/)
- [Vite](https://vitejs.dev/)
- [React](https://reactjs.org/)
- [TypeScript](https://www.typescriptlang.org/)
- [React Dom](https://reactrouter.com/web/guides/quick-start)
- [React Query](https://react-query.tanstack.com/)
- [TailwindCSS](https://tailwindcss.com/)
- [Shadcn/ui](https://ui.shadcn.com/)
- [PokeAPI](https://pokeapi.co/)
- [Mantine Hooks](https://mantine.dev/)
## License
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
## Deploy
[](https://pokedex-app-react-savg.vercel.app)