Qriller
Full stack web application for the generation and transacting of Math worksheets.
External links
Visit siteAbout
Qriller is a web application designed for tutors seeking high-quality teaching materials, allowing them to focus on what they do best—teaching. The platform addresses the critical issue of the lack of accessible and affordable teaching and studying materials. Specifically tailored for GCSE O/N-Levels, Qriller offers a diverse range of procedural worksheets sampled from reputable sources, such as math textbooks and past school exam papers. Tutors can selectively export questions to create customized worksheets, complete with labeled difficulty levels, ensuring that they meet the specific needs of their students. The web app is accessible on various devices, including phones, laptops, and tablets, enabling tutors to work flexibly. Additionally, worksheets can be exported as PDFs for easy printing, and various customization options mimic the appearance of traditional hardcopy worksheets used in schools.
Choice of Tech Stack
The backend of Qriller is developed using Express.js. The frontend is built with Next.js, utilizing TailwindCSS with DaisyUI for styling and GSAP for animations.
Early Prototypes
Early prototypes were used to conduct small-scale user testing focused on improving user experience and understanding the user journey. The design went through many iterations.
Challenges
One of the primary challenges faced during the development of Qriller was designing a functional and intuitive frontend. Without prototyping, creating a cohesive and user-friendly interface was difficult. To overcome this, I shifted to prototyping in Figma, which significantly sped up the development process and ensured a more polished end result.
How I Overcame Those Challenges
To overcome the challenges of designing the frontend, I utilized Figma to prototype each page in detail. This allowed me to thoughtfully place functional buttons and other elements, streamlining the development of the layout. By planning the design ahead of time, I avoided the inefficiencies of designing on the fly, which made the development process much smoother and more efficient.
My Learning Takeaways
Working on Qriller provided valuable insights into securing the fulfillment of digital goods, such as worksheets, using payment gateways like Google Pay and processors like Stripe. I learned how to design a secure application with proper access controls, ensuring that users could only access their purchased worksheets. Additionally, I integrated real-world e-commerce functionalities, such as implementing refunds and enforcing a refund policy through code.