Our team kicked off by mastering the foundational-HTML, CSS, and JavaScript for front-end web development. We structured content using HTML, styled it with CSS for responsiveness and appealing designs, and added JavaScript for interactivity. We created dynamic quiz pages that were responsive to user actions and could smoothly integrate with the backend logic. We also ensured mobile responsiveness and a consistent user experience across devices using modern layout techniques like Flexbox and Grid. We explored front-end frameworks with Bootstrap which allowed quick component styling and building responsive layouts using classes. With its grid system and utility classes, we ensured that applications maintained a polished look while functioning seamlessly across smartphone and desktop screens.
We started learning how to construct the back-end of our applications by using Flask, a micro web framework for Python. My teammates and I figured out how to manage the routing, form submissions, and servicing of the AI content from OpenAI. The core function of Flask was to aid in the communicative AI-enabled storybooks and quiz app’s back-end interaction with the front-end quiz interface so that a comprehensive interactivity could be achieved.