https://github.com/andyfrith/react-pokemon-optimized
A simple demonstration of React, React Hooks, TanStack Query Tailwind CSS and Zod!
https://github.com/andyfrith/react-pokemon-optimized
react react-hooks react-query tailwindcss zod
Last synced: 24 days ago
JSON representation
A simple demonstration of React, React Hooks, TanStack Query Tailwind CSS and Zod!
- Host: GitHub
- URL: https://github.com/andyfrith/react-pokemon-optimized
- Owner: andyfrith
- Created: 2025-03-10T18:24:19.000Z (about 1 year ago)
- Default Branch: master
- Last Pushed: 2025-03-11T18:18:45.000Z (about 1 year ago)
- Last Synced: 2025-09-08T08:49:34.394Z (9 months ago)
- Topics: react, react-hooks, react-query, tailwindcss, zod
- Language: TypeScript
- Homepage:
- Size: 61.5 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
[![Contributors][contributors-shield]][contributors-url]
[![Forks][forks-shield]][forks-url]
[![Stargazers][stars-shield]][stars-url]
[![Issues][issues-shield]][issues-url]
[![Unlicense License][license-shield]][license-url]
[![LinkedIn][linkedin-shield]][linkedin-url]
React Pokémon Optimized
A simple demonstration of React, React Hooks, TanStack Query Tailwind CSS and Zod!
Explore the docs »
View Demo
·
Report Bug
·
Request Feature
Table of Contents
## About The Project
A simple demonstration of React, React Hooks, React Query and Tailwind!
### Built With
[![React][React.js]][React-url]
[![TanStackQuery][TanStackQuery.js]][TanStackQuery-url]
[![TailwindCSS][TailwindCSS]][TailwindCSS-url]
[![Zod][Zod]][Zod-url]
## Getting Started
### Prerequisites
### Installation
1. Clone the repo
```sh
git clone https://github.com/andyfrith/react-pokemon-optimized.git
```
2. Install NPM packages
```sh
npm install
```
3. Run the dev script
```sh
npm run dev
```
## Usage
_For more examples, please refer to the imaginary [Documentation](https://example.com)_
## Roadmap
- [x] Add improved README file.
- [x] Deploy to Vercel.
See the [open issues](https://github.com/andyfrith/react-pokemon-optimized/issues) for a full list of proposed features (and known issues).
## Contributing
Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are **greatly appreciated**.
If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement".
Don't forget to give the project a star! Thanks again!
1. Fork the Project
2. Create your Feature Branch (`git checkout -b feature/AmazingFeature`)
3. Commit your Changes (`git commit -m 'Add some AmazingFeature'`)
4. Push to the Branch (`git push origin feature/AmazingFeature`)
5. Open a Pull Request
### Top contributors:
## License
Distributed under the Unlicense License. See `LICENSE.txt` for more information.
## Contact
Andy Frith - [LinkedIn](https://www.linkedin.com/in/goodapplemedia/) - afrith.denver.usa@gmail.com
Project Link: [https://github.com/andyfrith/react-pokemon-optimized](https://www.linkedin.com/in/goodapplemedia/)
## Acknowledgments
- [React Icons](https://react-icons.github.io/react-icons/search)
[contributors-shield]: https://img.shields.io/github/contributors/andyfrith/react-pokemon-optimized.svg?style=for-the-badge
[contributors-url]: https://github.com/andyfrith/react-pokemon-optimized/graphs/contributors
[forks-shield]: https://img.shields.io/github/forks/andyfrith/react-pokemon-optimized.svg?style=for-the-badge
[forks-url]: https://github.com/andyfrith/react-pokemon-optimized/network/members
[stars-shield]: https://img.shields.io/github/stars/andyfrith/react-pokemon-optimized.svg?style=for-the-badge
[stars-url]: https://github.com/andyfrith/react-pokemon-optimized/stargazers
[issues-shield]: https://img.shields.io/github/issues/andyfrith/react-pokemon-optimized.svg?style=for-the-badge
[issues-url]: https://github.com/andyfrith/react-pokemon-optimized/issues
[license-shield]: https://img.shields.io/github/license/andyfrith/react-pokemon-optimized.svg?style=for-the-badge
[license-url]: https://github.com/andyfrith/react-pokemon-optimized/blob/master/LICENSE.txt
[linkedin-shield]: https://img.shields.io/badge/-LinkedIn-black.svg?style=for-the-badge&logo=linkedin&colorB=555
[linkedin-url]: https://www.linkedin.com/in/goodapplemedia/
[product-screenshot]: public/screenshot.png
[React.js]: https://img.shields.io/badge/React-20232A?style=for-the-badge&logo=react&logoColor=61DAFB
[React-url]: https://reactjs.org/
[TanStackQuery.js]: https://img.shields.io/badge/-React%20Query-FF4154?style=plastic&logo=react%20query&logoColor=white
[TanStackQuery-url]: https://tanstack.com/query/latest
[Zod]: https://img.shields.io/badge/-Zod-3E67B1?style=flat&logo=zod&logoColor=white
[Zod-url]: https://zod.dev/
[TailwindCSS]: https://img.shields.io/badge/Tailwind_CSS-grey?style=for-the-badge&logo=tailwind-css&logoColor=38B2AC
[TailwindCSS-url]: https://tailwindcss.com/