Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/iamareebjamal/pixelboard
A Reddit Place pseudo-clone made in Firebase and VueJS
https://github.com/iamareebjamal/pixelboard
firebase reddit-place vue
Last synced: 3 months ago
JSON representation
A Reddit Place pseudo-clone made in Firebase and VueJS
- Host: GitHub
- URL: https://github.com/iamareebjamal/pixelboard
- Owner: iamareebjamal
- License: apache-2.0
- Created: 2018-08-27T06:11:37.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2020-11-30T07:08:37.000Z (about 4 years ago)
- Last Synced: 2024-10-15T08:52:19.501Z (4 months ago)
- Topics: firebase, reddit-place, vue
- Language: Vue
- Size: 217 KB
- Stars: 4
- Watchers: 2
- Forks: 4
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 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](https://console.firebase.google.com/)
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/