Skip to content

Latest commit

 

History

History
35 lines (21 loc) · 1.54 KB

CodingChallenge.md

File metadata and controls

35 lines (21 loc) · 1.54 KB

📚 React Google Authentication App

📋 Coding Challenge: Implementing Google Authentication with Firebase

🕒 Estimated Completion Time: 45 minutes

🛠️ Task Overview:

Develop a React application that includes a sign in button which will authenticate you through google sign in. This project highlights component-based architecture, responsive design, and best practices in frontend development.

📌 Project Requirements:

  1. View Page:
  • Layout: Create a button to authenticate users using Google Sign-In via a popup. Display the user's avatar and name after successful login.
  • Responsiveness: Ensure seamless adaptation to various screen sizes for an optimal user experience.
  • Reusability: Design components that can be easily integrated into other parts of the application.
  1. Styling:
  • Apply CSS or TailwindCSS to create a visually appealing and responsive design.

🔍 Development Focus:

  • Page Layout: Organize the page structure to integrate all components effectively.
  • Component Design: Ensure the components are modular and reusable.
  • Data Management: Handle real-time data updates efficiently and synchronize state between components seamlessly.
  • User Experience: Prioritize accessibility, responsiveness, and a user-friendly interface.

🌟 Additional Considerations:

  • Feel free to add any extra features or enhancements to improve functionality or user experience.