Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/s-babaeizadeh/pokemon-filter
The Pokemon API is applied to search and filter data.
https://github.com/s-babaeizadeh/pokemon-filter
lucide-react nextjs tailwindcss typescript
Last synced: 6 days ago
JSON representation
The Pokemon API is applied to search and filter data.
- Host: GitHub
- URL: https://github.com/s-babaeizadeh/pokemon-filter
- Owner: s-babaeizadeh
- License: mit
- Created: 2024-05-14T17:49:14.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2024-09-07T15:31:26.000Z (2 months ago)
- Last Synced: 2024-09-07T20:44:59.553Z (2 months ago)
- Topics: lucide-react, nextjs, tailwindcss, typescript
- Language: TypeScript
- Homepage: https://pokemon-filter-six.vercel.app
- Size: 275 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Pokemon Application
This Next.js application demonstrates how to utilize the PokeAPI to implement search and filtering functionality. TypeScript is leveraged to enhance code quality and security. Additionally, Tailwind CSS is employed for styling the user interface in a responsive and visually appealing manner.
This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
## Getting Started
First, run the development server:
```bash
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
```Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.