Pixelboard

A Reddit Place pseudo-clone made in Firebase and VueJS

Live deployment

Clone the project locally

We'll need it later

1. git clone https://github.com/iamareebjamal/pixelboard

Create a project at Firebase

1. Head to https://console.firebase.google.com/
2. Sign in with Google
3. Create "Create a Project"
4. Enter a project name - other details can be left default

Enable Free Hosting

Configure Project Rules for You

1. From any Firebase console page, get your Project ID from the URL bar

2. Replace the "Default" value in .firebaserc file with your Project ID

Get your Firebase Keys

1. From the Firebase console page, Click Project Overview

2. Click Add app, and select Web</>

3. Enter a name - Ignore the rest, we'll get it later!

4. Click Continue to console

5. View your app by clicking "1 app" (where Add app was)

6. Click the Gear ⚙️ icon to visit the settings page

7. Scroll down to Firebase SDK snippet, and select Config

8. Create a file in src/ called firebaseconf.ts, and make it export default your Firebase SDK snippit config

Compile

1. Run yarn install

2. Run yarn build

Host

1. From inside your project console, click Hosting

2. Click Get Started

3. From where your project is locally, follow the steps for Set up Firebase Hosting

4. Run firebase deploy

5. You're done! Click the Hosting URL in your console to view your project!

Live Demos

Demo 1: https://pixelboardsetupclone1.web.app/