GottaQuizEmAll

Mentors:

Amruth SD

Rohith V

Thrishank Reddy

Mentees:

Aashritha

Abhijit Kar

Aditya bhaskar

Asiya Fathim

Chetasi Trivedi

D. Sai Chaitanya

Kishora H Shetty

Yeswanth B S

Introduction:

GottaQuizEmAll is a quiz platform centered around Pokémon, leveraging the power of React for dynamic user interfaces.It grants users access to comprehensive Pokedex statistics via PokeApi, enabling deep dives into Pokémon characteristics. Authenticated users can craft personalized quizzes, engaging in interactive learning experiences. Moreover, the platform integrates Tailwind CSS for sleek and responsive design, while leaderboards showcase users' expertise. GottaQuizEmAll aspires to deliver a technically advanced interface, enhancing users' Pokémon knowledge through seamless interaction.

Overview:

GottaQuizEmAll utilizes ReactJS, Firebase Authentication, Cloud Firestore, and Tailwind CSS. The website offers a user-friendly interface built with ReactJS, ensuring seamless navigation and interactive features. Firebase Authentication enhances security measures, allowing users to access personalized content securely. Cloud Firestore serves as the database, facilitating real-time data storage and synchronization, ensuring smooth functionality. Additionally, Tailwind CSS contributes to a visually appealing and responsive design, optimizing the website's compatibility across various devices.

Learning Phase:

1. Getting Started with HTML, CSS, and JavaScript: We started with the basics - HTML, CSS, and JavaScript. We learned how to create web pages, style them, and add cool effects using JavaScript.
2. Exploring Asynchronous JavaScript (Async/Await): Next, we delved into Async/Await. We learnt how to handle tasks that happen at different times, making our websites more dynamic and responsive.
3. Assignment: Creating an Etch-A-Sketch Project: This was the first assignment we gave them involving mostly DOM manipulation.
4. Diving into React: React is a JavaScript library used for building user interfaces. It allows developers to create reusable UI components and manage application state efficiently..
5. Assignment: Designing a Tic-Tac-Toe Game with React: Our second assignment we gave them involved building a tic-tac-toe game made purely from react.
6. Learning About Firebase, APIs, and TailwindCSS: Finally, we learned about Firebase for authentication, APIs for getting data, and TailwindCSS for styling.

Results:

This is the final website built by us

Meet link: https://meet.google.com/wkm-esni-yio

Report prepared on May 9, 2024, 9:34 p.m. by:

• Thrishank Reddy Mure [CompSoc]
• Rohith Vijayakumar [CompSoc]
• Amruth S D [CompSoc]

Report reviewed and approved by Aditya Pandia [CompSoc] on May 9, 2024, 10:26 p.m..