📍 Files: firebase.js, Form.jsx
🛠 Tech Stack: React.js, Firebase Firestore, Firebase Authentication
📝 Description:
Integrate Firebase Firestore to securely store company onboarding details upon form submission. The submission should:
✅ Connect Firebase Firestore to the React app
✅ Store company details (Company Name, Representative Details(Name Contact Number, Email ID), Technology Preferences, Problem Statements, Sector Domain) [This is open-ended, create sections which you think are required]
✅ Use Firebase Authentication (optional) to restrict unauthorized access
✅ Show success/error messages with a toast notification
🎨 Design Requirements:
🎨 The form should follow a white-themed UI consistent with the project’s style.
📌 Use soft gray borders and subtle shadows for form fields.
📌 Display a loader while the data is being stored.
📌 On success, show a green toast notification, and on failure, show a red error message.
🔎 Bonus: Encrypt sensitive data before storing it in Firestore!
📍 Files: firebase.js, Form.jsx
🛠 Tech Stack: React.js, Firebase Firestore, Firebase Authentication
📝 Description:
Integrate Firebase Firestore to securely store company onboarding details upon form submission. The submission should:
✅ Connect Firebase Firestore to the React app
✅ Store company details (Company Name, Representative Details(Name Contact Number, Email ID), Technology Preferences, Problem Statements, Sector Domain) [This is open-ended, create sections which you think are required]
✅ Use Firebase Authentication (optional) to restrict unauthorized access
✅ Show success/error messages with a toast notification
🎨 Design Requirements:
🎨 The form should follow a white-themed UI consistent with the project’s style.
📌 Use soft gray borders and subtle shadows for form fields.
📌 Display a loader while the data is being stored.
📌 On success, show a green toast notification, and on failure, show a red error message.
🔎 Bonus: Encrypt sensitive data before storing it in Firestore!