Codetribute in MozSpaceJKT Projects

Diky Arga

Dinusian &

Open Source Enthusiast

Part of

Doscom.org - Dinus Open Source Community

&

Mozilla Foundation as Mozilla Tech Speaker

Work at

 

 

as Front-end Developer

Coding + Gowes

@dikyarga || dikyarga.com

Outline

  • Intro about the project
  • What tech stack behind it
  • How to contribute
  • Choosing right issue to tackle
  • Creating branch and pull request
  • Review and Merging
  • Go to production

A brief intro about our project

MozSpaceJKT

Event Management

Problem

Solution

  • Lot's of paperwork to do
  • Long journey to get shit done
    • register to Google Form
    • email to milis
    • confirm
    • print paper
    • attandance write manually and repeatedly
    • recap manually
  • Simple web app to handle those paperwork things
  • Paperless
  • Automated
  • No repetition
  • Make the process sorter and easier

What it looks like?

What behind it?

Split into

 

Front-end

Back-end

  • Vue.js
  • Nuxt.js
    • Axios for network request
  • Node.js 8 and up
  • Loopback version 3

Choose your team!

#TeamFrontend

Contribution Guide

  • Installation steps available on the README.md
  • Help solve the issues

#TeamBackend

Contribution Guide

  • Setup guide available on the README.md
  • Help solve the issues
  • Tips
    • go to /explorer to see and test APIs

🤫 Credentials 🤫

NODE_ENV=production
NODE_PORT=4000
MONGO_URL=mongodb://dimo:dimo-dinasaurus-mozilla@mozspacejkt-shard-00-00-e1ilg.mongodb.net:27017,mozspacejkt-shard-00-01-e1ilg.mongodb.net:27017,mozspacejkt-shard-00-02-e1ilg.mongodb.net:27017/test?ssl=true&replicaSet=MozSpaceJKT-shard-0&authSource=admin&retryWrites=true
MONGO_PORT=27017
MONGO_HOST=mozspacejkt-e1ilg.mongodb.net
MONGO_DATABASE=testing
MONGO_NAME=dimo
MONGO_USER=dimo
MONGO_PASSWORD=dimo-dinasaurus-mozilla

Create file with filename`.env`

for backend

for frontend

BASE_URL=https://demo.space.filosofikode.com/api

admin

email : demo@mozilla.or.id

password : rahasia

Choosing right issue to tackle

Comment on the issue if you wanna working on it

siapa yang pernah contribute di

open-source project?!

Git Open Source Workflow

  • Fork
  • Clone forked repo
  • Create new branch
    • bugfix/the-issue-name
    • feature/feature-name
  • Git add changes
  • Push to that branch
  • Create pull request to upstream

Review and Merging

Deploy to Production!

Yes!

you still can contribute at home and asking me through Github issue when facing problem

May I still be able to contribute to this project after the event?

<thank-you/>

if ( you.have('questions')) {

  console.log('Kindly let me know');

} 
  else {

  console.log('oh really ??');

}
Made with Slides.com