DevMemes

DevMemes is a lightweight web app built with vanilla HTML, CSS, and JavaScript that fetches the funniest developer memes from Reddit. Browse memes, switch between subreddits, and laugh your way through programming pain!

🚀 Live Demo

Check it out here:
🔗 https://devmemes.glitch.me

🔁 Remix on Glitch

Want to remix and modify the project instantly?

---

✨ Features

• 🔄 Auto-refresh memes every 30 seconds
• 🧠 Switch between programming meme subreddits:
  • r/ProgrammerHumor
  • r/programmingmemes
  • r/ProgrammerAnimemes
• ⏩ "Next" button to skip ahead, fetch new memes, or move forward in history
• ⏪ "Previous" button to navigate through meme history
• ⌨️ Keyboard navigation:
  • → or Space = Next meme
  • ← = Previous meme
• ⏱️ Visual countdown timer for auto-advance
• 🧭 Subreddit selector dropdown

---

🛠️ Built With

• HTML5
• CSS3
• JavaScript (ES6)
• Reddit JSON API
• Glitch for hosting

---

🧪 Getting Started Locally

Clone and run it locally in seconds:

git clone https://github.com/LakhindarPal/DevMemes.git
cd DevMemes

Open index.html in your browser — no build tools required!

---

💡 Usage

• Open the site or index.html locally

• Select a subreddit from the dropdown

• Let memes auto-refresh or manually browse with Next/Previous

• Use arrow keys or spacebar for quick navigation

---

🤝 Contributing

Contributions are welcome! Follow these steps to contribute:

1. Fork the repository.
2. Create a new branch: git checkout -b feature/new-feature.
3. Commit your changes: git commit -m 'Add new feature'.
4. Push to the branch: git push origin feature/new-feature.
5. Open a pull request.

---

📄 License

This project is licensed under the MIT License.

---

🙌 Acknowledgments

• Memes powered by Reddit meme API

• Idea inspired by devs who laugh through the bugs 😅

---

💬 "Because coding is hard, but laughing about it is free."