OUR RAINBOW

small paint dot
Our Rainbow website image

Project Overview

A content site that aggregates news and articles across multiple topics. It includes a public storefront for readers and an authenticated admin console for editing and managing content.

Tech Stack

  • Frontend: Vue 2 + Vue Router 3 for client-side views/routing; Bootstrap components with Sass for styling.
  • Backend:
  • Firebase Authentication (FirebaseUI) for admin sign-in.
  • Cloud Firestore for posts and editable content.
  • Firebase Hosting for SPA deployment.
  • Features

  • Post management: Create, edit, and view posts organized by category.
  • Admin console: Protected routes and role-gated actions for content editors/admins.
  • Role grant tooling: Node.js CLI (yargs) script to assign/remove admin roles (sets custom claims via the Firebase Admin SDK).
  • home page icon
    One step at a time