A fun, interactive meme management app built with Next.js, featuring Pokémon data from the PokéAPI.
Users can view, edit, and like memes, with images and stats inspired by Pokémon characters.
Створити React-додаток що відповідає вимогам (див. нижче) використовуючи бібліотеку HeroUI, https://www.heroui.com Зареєструвати безкоштовний обліковий запис Railway, https://railway.com Задеплоїти цей додаток на Railway, https://docs.railway.com/guides/react Надати доступ до додатку по URL
- 🧠 Global state with
useContext(Pokémon data accessible across pages) - ⚙️ Integration with PokéAPI
- 💾 Meme persistence via
localStorage - 🖼️ Image fallback logic when URL fails
- ✍️ Editable meme modals (name, image, likes)
- 📱 Fully responsive UI with Tailwind CSS
.
├── components/ # UI components
├── context/ # Global context (PokemonContext)
├── lib/ # API fetch logic
├── pages/ # Next.js pages
├── public/ # Static assets (fallback.jpg)
├── styles/ # Tailwind configs
├── next.config.js # Image domains setup
└── README.mdnpm install
# or
yarn installnpm run dev
# or
yarn devhttp://localhost:3000-
Next.js
-
React
-
Tailwind CSS
-
Headless UI
-
PokéAPI
MIT