C2 - GottaQuizEmAll
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:
- 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.
- 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.
- Assignment: Creating an Etch-A-Sketch Project: This was the first assignment we gave them involving mostly DOM manipulation.
- 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..
- 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.
- 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 Information
Team Members
- Thrishank Reddy Mure [CompSoc]
- Rohith Vijayakumar [CompSoc]
- Amruth S D [CompSoc]
Team Members
- Thrishank Reddy Mure [CompSoc]
- Rohith Vijayakumar [CompSoc]
- Amruth S D [CompSoc]
Report Details
Created: May 9, 2024, 9:34 p.m.
Approved by: Aditya Pandia [CompSoc]
Approval date: May 9, 2024, 10:26 p.m.
Report Details
Created: May 9, 2024, 9:34 p.m.
Approved by: Aditya Pandia [CompSoc]
Approval date: May 9, 2024, 10:26 p.m.