Firebase Integration for Web React Project

Job ID: 38939323

Budget: $30 – $250 AUD

Project Overview:
I’m building an Exam Generation App (front end in Bolt.new, styled with Tailwind CSS). I need an expert to set up the complete Firebase back-end, including Authentication, Firestore, and Firebase Storage. The goal is to securely store user (teacher) accounts, exam metadata, and uploaded PDFs (or images). You will also need to configure basic security rules so only authorized users can upload and view their own data.

Scope of Work:

Firebase Project Creation & Configuration

Create (or link to) a Firebase project with Web credentials.
Provide environment config details so I can integrate them into my front-end code.
Authentication Setup

Implement email/password authentication (and possibly Google Sign-In).
Ensure new teachers can create accounts and existing users can log in securely.
Provide thorough documentation or code snippets on how to handle user sessions in my Bolt.new front end.
Cloud Firestore Database

Structure a Firestore database for storing exam data, metadata (e.g., semester, subject), and references to uploaded files.
Provide sample CRUD operations (create, read, update, delete) that I can reuse in my front end.
Write basic security rules to restrict read/write access to authenticated users only.
Firebase Storage

Configure storage buckets for PDF uploads.
Provide code snippets for uploading PDFs from the front end to Storage.
Write security rules ensuring only authenticated users can upload/view their own files.
Documentation & Handover

Detailed instructions on how to integrate with Bolt.new.
Explanation of where to place the Firebase config and how to maintain it.
Guidance on how to expand or modify the schema in the future.
Required Experience & Skills:

Proven track record of Firebase setup (Auth, Firestore, Storage).
Familiarity with securing web apps (Firestore Rules, Storage Rules).
JavaScript/TypeScript proficiency and experience integrating with front-end frameworks.
Good communication skills and ability to create step-by-step documentation for a novice coder.
Deliverables:

Fully configured Firebase project.
Working example that demonstrates upload, retrieval, and display of PDFs in the app.
Source code or code snippets showing how to implement the above functionalities in Bolt.new
Related categories: PHP JavaScript Website Design HTML AngularJS