https://github.com/yassenshopov/pokemonpalette-nextjs
This web app lets you input the name of a Pokemon and instantly generates a color palette with its 3 main colors. To be used as web design inspiration.
https://github.com/yassenshopov/pokemonpalette-nextjs
colors nextjs nextjs15-typescript pokeapi pokemon tailwindcss
Last synced: 3 months ago
JSON representation
This web app lets you input the name of a Pokemon and instantly generates a color palette with its 3 main colors. To be used as web design inspiration.
- Host: GitHub
- URL: https://github.com/yassenshopov/pokemonpalette-nextjs
- Owner: yassenshopov
- Created: 2024-12-12T11:27:35.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2025-02-02T08:41:16.000Z (5 months ago)
- Last Synced: 2025-02-07T06:43:05.112Z (5 months ago)
- Topics: colors, nextjs, nextjs15-typescript, pokeapi, pokemon, tailwindcss
- Language: TypeScript
- Homepage: https://pokemonpalette-nextjs.vercel.app
- Size: 384 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Pokemon Palette
[Pokemon Palette](https://pokemonpalette.com) is a web application that helps you discover and explore color palettes inspired by Pokemon. Create beautiful color combinations based on your favorite Pokemon's appearance.
## Features
- Search and browse Pokemon by name or number
- Generate color palettes from Pokemon sprites
- Copy color codes in different formats (HEX, RGB, HSL)
- Save your favorite palettes
- Share palettes with others
## 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.
## Tech Stack
This project is built with:
- [Next.js](https://nextjs.org) - React framework for production
- [PokeAPI](https://pokeapi.co) - Pokemon data source
- [Vercel](https://vercel.com) - Deployment platform
## Contributing
Contributions are welcome! Please feel free to submit a Pull Request.
## License
[MIT License](LICENSE)
## Links
- [Official Website](https://pokemonpalette.com)
- [GitHub Repository](https://github.com/yourusername/pokemonpalette-nextjs)