Squiz

Squiz Logo
Squiz Poster

Inspiration

We decided to create Squiz in desire to address the struggles students face in revision, such as difficulty in digesting extensive study materials, and lack of opportunities to test for their understanding on the course topics. Recognizing the potential of ChatGPT, we aimed at creating a web app that simplifies complex course materials and enhances student’s revision process.

What it does

Squiz revolutionizes the revision process by converting dense study materials into interactive quizzes. Using ChatGPT, it intelligently generates personalized multiple-choice questions, making revision more engaging and effective. The app's customization options allow users to choose the difficulty levels, number of questions and save the quiz for future revision purposes. By transforming traditional study sessions into interactive quizzes, Squiz not only saves time but also enhances active learning, improving retention for a more efficient and enjoyable revision experience.

How we built it

This project boasts a captivating mobile-friendly web app, with React.js at the forefront for seamlessly transitioning pages and incorporating advanced features. CSS takes center stage to elevate the user experience with captivating animations and transitions.

On the backend, Node.js and Express.js efficiently manages requests while seamlessly integrating with the powerful OpenAI API. Collaboration is done through the extensive use of Git among developers, ensuring a smooth and synchronized workflow within the GitHub repository.

The interface was designed with cute graphics, including a squid mascot, and vibrant colors to offer an engaging user experience and thus an interesting learning process.

Challenges we ran into

Our main struggle in the hackathon was figuring out how to make a button work. This button lets users upload PDFs, and we convert the text into a special file that OpenAI uses to create quiz questions. We relied on the pdfjs-dist library for this, but its documentation was incomplete, making things tough. Despite the challenges, we tackled it by experimenting step by step and trying different ways to fix issues. Eventually, we got it working which is absolutely rewarding.

Another challenge was the tight time limit of this hackathon. This constraint underscored the importance of efficient collaboration, pushing us to divide our work wisely, optimize processes and make collective decisions swiftly.

Through coordinated efforts, we overcame this challenge, highlighting the importance of teamwork and adaptability in project execution.

Accomplishments that we're proud of

We use the useContext hook for the first time.
We've developed more than 90% of the Hi-Fi prototype designed by the UX designer in 24 hours!
We've designed an original cartoon squid logo, which established brand personality and consistency.

What we learned

What you learned This hackathon experience taught us the importance of adaptability and innovation in educational technology. We learned to harness the power of natural language processing to cater to diverse learning styles. Building this tool deepened our understanding of AI's potential to enhance the educational experience.

Working on Squiz also enhanced our teamwork skills, such as communication and collaborative problem-solving skills. We discovered that effective teamwork is as crucial as technical expertise in delivering successful projects.