Muslims live all around the world - 24.1% of the population is Muslim. Different races, skin colours, nationalities. Speak different languages, and work in every imaginable job on Earth and in Space! link

Yet, many find that non-Muslims tend to not know much about them, their faith, their beliefs and that "not knowing" can get in the way of relationships sometimes.

Team MWIT felt the UmmaHacks Hackathon was a great opportunity to create a project that would test what people already know, and also enlighten them about that which they don't.

We wanted to create a website that was all about the quiz and representative of the beauty of Islamic culture, not a random website that may also happen to have trivia on Muslims. We wanted to create an experience that users could share with their non-Muslim associates as a fun trivia night or ice breaker, or children to test and explore new knowledge, or for Muslims themselves to enjoy.

The look is designed to be clean and captivating rather than cluttered and overwhelming.

What it does

The goal was to create a website that was light and lead the user through a set of questions providing hints if needed and concluding with references to learn more on the topic. And so, we arrived at the name; Muslim Quiz - MuQu.

How we built it

We built a beautiful front end using Islamic geometric art to make it attractive, appealing and representative of the rich culture that Islam has.

The front end was developed using HTML and CSS. For the purpose of producing a product we could demo, the questions were stored hard coded into the front end code.

Challenges we ran into

Working in a team across 3 different time zones.

Accomplishments that we're proud of

Being able to produce a working project that looks absolutely beautiful!

What we learned

Ruckaiya: Our greatest initial challenge was the refinement of our idea. It took us around half the allotted time to finalize what project we would make and how we would make it. This led us to have less time building than everyone else. Moreover, since it is for first time 3 of our members participated in a hackathon, we had a steep learning curve, especially with non-programmers. We had the most trouble linking backend with frontend.

Safa: I learnt to ask questions and ask for advice. It helped immensely in bringing our idea to fruition and handling certain situations we came across as a team. Probably the most important, I learnt different viewpoints for any situation. There can be disagreements and we need to work through it. I also learnt through this experience that there will be somethings that might not go as expected. Whether it is in the brainstorming sessions, to the availability of the team, to technical issues; along with other things in life.

Alaa: Frontend web development (I knew a tad about it) but I was happy to get my hands dirty again. Also the virtual hackathon experience (never been through something similar).

Qurat-ul-Ain: Managing a virtual team of strangers meeting online. Driving a software product to completion. Not letting perfect get in the way of good!

What's next for MuQu

Store questions in a database.
Integrate the Back End with the desired Front End.
To check current backend implementation without a DB, please visit Link

Future goals;
MuQu has great expansion possibilties. We would like to;
1 - Increase the question dataset and be able to categorise it so we can offer different categories in which to test their knowledge eg, famous people, tenants of Islam, Historical contributions of Muslims, Muslim scientists, Muslim festivals etc.
2 - We would also like to offer question sets geared to different age groups so younger participants early in their journey of learning about Islam can participate meaningfully.
3 - We would like to able to take user input for both feedback and for future topics.
4 - We would like to provide a community location option using a zipcode lookup so users can locate nearby Islamic community centres or Mosques.

Share this project: