To initialize tailwind use this command
npx tailwindcss -i ./src/styles/input.css -o ./src/styles/output.css --watch
📖 CodeQuest: Learn to Code Through Adventure
🌍 Overview
CodeQuest is a story-driven, gamified e-learning platform that teaches HTML and CSS through interactive quests. Inspired by fantasy adventures, it blends storytelling, coding challenges, and real-time feedback to create an engaging learning experience for beginners.
https://Codequest-e-learning.onrender.com
✨ Features
🗺️ Story-Driven Quests – Embark on a journey through Codeoria, a fantasy world where each quest teaches a coding skill.
🎮 Interactive Learning – Real-time coding editor with instant feedback.
🏆 Gamification – Earn badges, track progress, and unlock rewards.
🧑🤝🧑 For Beginners – Simplified challenges designed for new coders.
⚡ Offline & Lightweight – Built with modern, fast technologies.
📚 Learning Objectives
CodeQuest helps learners:
Understand the basics of HTML structure.
Apply CSS styling to bring web pages to life.
Develop problem-solving skills through quests and challenges.
Gain confidence to build their own projects.
🛠️ Tech Stack
Frontend: HTML5, Tailwind CSS, JavaScript (ES6+)
Other Tools: Netlify/Render (for hosting)
🚀 Getting Started
🔧 Installation
- Clone the repository:
git clone https://github.com/your-username/CodeQuest.git cd CodeQuest
- Install dependencies (if React/Firebase is enabled):
npm install
- Run locally:
npm start
Or simply open the index.html file in your browser for the basic version.
🎯 Project Roadmap
[x] Build core HTML & CSS quests
[ ] Add gamified elements (badges, progress system)
[x] Create interactive story-based learning flow
[ ] Expand to JavaScript quests
[ ] Add multiplayer or community learning features
[ ] Release as a fully hosted platform
👨💻 Contributors
Blaise Fombuwing – Lead Developer & Project Creator
Contributions welcome! Fork, open issues, or submit PRs.
📜 License
This project is licensed under the MIT License – feel free to use, modify, and contribute.
🙌 Acknowledgements
Inspired by Coding Fantasy and gamified learning platforms.
Thanks to teachers, mentors, and fellow developers for support.