AI Odyssey is an immersive web-based educational platform that combines the excitement of gaming with the power of artificial intelligence. Designed to engage students of all levels, this platform provides an adventure-driven learning experience to explore AI concepts, tools, and real-world applications.
- Dynamic Character Interaction: Players interact with NPCs and learn through dialogues and challenges.
- AI-Powered Learning: Gamification of AI concepts for accessible and interactive education.
- Multi-Scene Gameplay: Navigate through various "cities," each representing a unique challenge or AI learning module.
- Adaptive UI: Responsive design optimized for both desktop and mobile devices.
- Frontend: HTML, CSS, JavaScript
- Libraries Used:
- Custom CSS and JS for animations and game logic.
- JS modules for UI interactions and dynamic content loading.
- Deployment: GitHub Pages
ai-odyssey/
├── index.html # Homepage
├── html/
│ ├── news.html # News/blog page
│ ├── char.html # Character selection and interaction
├── img/ # Images including NPCs, background, and assets
├── js/ # JavaScript files for interactions and game logic
├── styles/ # CSS files for styling
└── README.md # Project documentation
- Clone the repository:
git clone https://github.com/<your-username>/ai-odyssey.git
- Open
index.html
in your preferred browser.
This project is deployed via GitHub Pages. You can view it live here.
- Fork the repository.
- Create a new feature branch:
git checkout -b feature/your-feature-name
- Commit your changes:
git commit -m "Add your message here"
- Push to the branch:
git push origin feature/your-feature-name
- Open a pull request.
This project is licensed under the MIT License. See the LICENSE file for more details.
Author: Will Cheng