Sourcelink is a Real Time Application based on a series of tutorials developed to help learn and teach the concepts involved in developing Real-Time applications using Google Firebase.
This is the Web Application aspect which has been developed using Vue.JS.
The following are the links to the specific tutorials each explaining features as we build them
- How to start a new project using Vue.js
- How to use a Material Design Component Framework with Vue
- How to Install Firebase with Vue.JS
- How to Use Vuex and Vue-Router in a Vue.JS Project
- How to implement Navigation Guards Vue
- How to Use Firebase Cloud Functions
- How to split Vuex Store into modules
- How to update Firebase Authentication Profile
- Calling GraphQL API with Vue.JS
- How to use Vue.js Components
What is Sourcelink
The concept behind SourceLink is to become a developer only focused Community and Job Board, for developers and developed by developers.
Before running NPM Install ensure you create a .env file and provide the MDB Vue PRo ID. We use the pro version in this development stack.
Kicking off the project, I have only purchased a single developer license for MDB Vue Pro, basically because this is more than a side project at this stage. Therefore to be able to host this code in a public repo for everyone to view I had to come up with work around to enable using the MBD Vue Pro.
If you are downloading the project for the first time and have not previously done a
install the dependencies, you will need to carry out the following steps to get the project to work locally for you.
Purchase a MBD Vue Pro license
You will need to purchase an MDB Vue Pro License, we make use of Pro Only available components in the project. So unfortunately the Free license will not be able to be used.
MDB Vue Pro is a Material Design Component Framework for Vue which enables developers create great looking web & mobile applications really quickly and easily.
For more information checkout How to use a Material Design Component Framework with Vue
Initial NPM Install
The initial workaround for this I was exploring how to use PreInstall and PostInstall tasks to inject the license code . This is probably not the most optimal solution to solve this problem and involve some initial manual configrution to get started on a fresh clone.
I have previously posted about How to use a Material Design Component Framework with Vue, so would urge you to read this post to understand what I have done here
There are two additional
postinstall tasks to handle inserting and removing
of the ID during install.
example of .env file should look like
MDB_VUE_PRO_ID='i5_gWisAtoP1We4KNOWw' #this is ID just a sample and will not work
Compiles and hot-reloads for development
npm run serve
Compiles and minifies for production
npm run build
Run your tests
npm run test
Lints and fixes files
npm run lint
Run your end-to-end tests
npm run test:e2e
Run your unit tests
npm run test:unit