This is a project done by 3 Year-1 students from Ngee Ann Polytechnic as part of their Interactive Development module.
MOCHII EDU is an interactive educational game site that motivates students to learn while playing games. You can be anywhere in the world, on any smart devices and still be able to learn with MOCHII EDU!
Click HERE to view our website.
Emily • Front-End Developer
Chiam Wei • Back-End Developer
Jiun Hong • Game Designer
Content
Color Pallet
- #FFD1D1
- #FFA2A2
- #FF6076
- #4C4646
- #CC0000
- #008000
- #666
In this section, We will explain the features of we website and list down some additional features that could be implemented to make the website more functional and interactive.
-
Navigation Bar
- allows users to navigate around different pages of the website
-
Login & Register
- allows users to create and login to their accounts to access to locked features on the website
-
Classes
Wordle Game
-
allow users to improve on their vocabulary by learning more 5 letter word and its definition through playing.
read more
The aim of this feature is to allow the user to improve their vocabulary through playing. In wordle, the user are prompted to guess a 5-letter word within 5 tries using hints and clues given with each guess. The definition of the word is also provided if the user is feeling stuck.
-
Science Game
-
allow users to explore more about different biology topics by playing a game of hangman.
read more
The aim of this feature is to allow the user to familiarise themselves with different topics in biology. In the science game, the user will be given a picture related to the specific topic. They will have to guess the name of the picture shown and are only allow to make a total of 6 mistakes in a similar style to hangman.
Math Game
-
allow users to enhance their math foundation in the 4 basic operations and train their mental arithmetic skills.
read more
The aim of this game is to test the user's understanding of basic mathematics and train their mental arithmetic calculation. In the math game, the user will be given a equation and they have to select the correct answer in order to proceed to the next question. The Math game also has a score system to further enhance the user's experience by showing their progress.
Testimonials
-
requires login to add a testimonial, allow users to see and review our website.
read more
The testimonial page has a feature that allows the user to rate a class in our website and give their comments on it. This feature will not only allow the user to give their honest opinion but also recommend others to give our website a try. To sum it up, this feature provides a platform for reviews and feedback so that we can make further improvements on issues raised to suit the user's needs.
- More exclusive features for Members - allow users who are members with an account to view additional contents, giving more benefits to users who login.
- More features for subject classes - add more features and games for users to explore and play around with.
- English - a story of the day for users to read and a platform for users to share their essay writing.
- Science - teach users basic knowledge of other biology topics by adding more science-related pictures to the science game to enhance their understanding.
- Math - create a timed version of the current quiz game and a leaderboard feature, to stimulate healthy competition and better growth in mathematics.
These languages are the technologies used in the creation of this project.
- HTML
- Used to create the body and layout of the web pages
- CSS
- Used to style and format the web pages
- JavaScript
- Used for interactive features and game creation
- jQuery
- Javascript library to create interactive features, game creation and API implementation
- Bootstrap
- CSS framework in formatting web pages
Click HERE to view user testing scenarios.
- Mobile issue: Login/Register features not working in games' pages
- When loading the website on a smartphone, the lock feature of the games when the user is not logged in does not work properly. The login and register button on those pages also do not work. However, the game's functionality is still perfect despite this mobile-only error.
- External API usage limit issue: Wordle english game limited usage each month
- The Wordle english game uses an external API from RapidAPI and because it is a free plan, the API has a 750 word limit usage per month. With this restriction and due to the API needing to get multiple times each time a game is ran, the game does not have a long lifespan each month.
- For the wordle game, we received inspiration from YouTuber, Kenny Yip Coding'video. Click HERE to see the video.
- For the science game, we received inspiration from YouTuber, Science and Technology'video. Click HERE to see the video.
- For the math quiz game, we received inspiration from YouTuber, codefoxx's video. Click HERE to see the video.
- For the login feature, we received inspiration from YouTuber, dcode's video. Click HERE to see the video.