A modern, minimalist webapp to generate, edit & download your random memes with custom texts and also generate dad jokes. Brighten your day with a dose of fun!
- Random Meme Generator: Get a new meme with one click, powered by Giphy.
- Dad Jokes & Puns: Enjoy relatable, family-friendly jokes from JokeAPI.
- Custom Meme Editor: Add your own top/bottom text to any meme and download it.
- Dark/Light Theme Toggle: Notion-inspired design, with dark mode as default.
- Beautiful UI: Minimalist, professional, and fully responsive.
- JokeAPI: https://jokeapi.dev/
- Giphy: https://giphy.com/
-
Install dependencies
- For backend:
cd backend npm install
- For frontend:
cd frontend npm install
- For backend:
-
Add your Giphy API key
- Create a
.envfile inside thefrontendfolder. - Add the following line to the
.envfile:GIPHY_API_KEY=your_giphy_api_key_here
- Replace
your_giphy_api_key_herewith your actual Giphy API key.
- Create a
To start the backend server:
cd backend
npm startTo start the frontend webapp:
cd frontend
npm startYou can still use the following commands inside the respective folders:
npm run buildBuilds the frontend app for production to the build folder.
- Favicon: Uses a custom emoji favicon (
public/favicon.svg). - Branding: Title and description are playful and fun.
frontend/- React app (this folder)backend/- Express server for API requests
MIT
