“Attitude is a choice. Happiness is a choice. Optimism is a choice. Kindness is a choice. Giving is a choice. Respect is a choice. Whatever choice you make makes you. Choose wisely.”
― Roy T. Bennett, The Light in the Heart

Making the right choices in life makes you the person that you are. As that’s been said, we have some interesting things to share this week. Let’s move on to the events that took place this week.

Demola season 2 — Kick off

This Tuesday, Sanjeena Parajuli and Prashant Shrestha took part in the Demola season 2 — Kick-off session. Demola is an international innovation challenge platform, which works to bridge the long-existing gap between companies and university students. Through the 8 weeks of the co-creation process, the team (students and representatives from YoungInnovations) will work through a globally verified process to co-create an innovative solution/gain insights on the organization’s productivity aspects that can be very helpful for the future development of the company.

“Flutter for Web” in WLiT

As every year WLiT is running a fellowship program for the college students where they are taught various skills. In the ongoing fellowship of 2019/20, Umesh Basnet participated as a mentor for the workshop in Flutter for Web. The session is focused on introducing Flutter and building a simple website in the flutter. In the workshop, participants learned about flutter for the first time and how they can use one platform to create Android, iOS and web apps.

IWD celebration by Facebook Developer Circles Kathmandu

Mani Bibek Acharya and Sonika Baniya attended the IWD Celebrations organized by Facebook Developer Circles at Oskar Bar & Grill last weekend. The event featured live sessions from Facebook Singapore HQ along with sessions from community members. The event was a watch party coupled with hands-on sessions on various topics. A quote from the event, “We can actively choose to challenge stereotypes, fight bias, broaden perceptions, improve situations and celebrate women’s achievements. Collectively, each one of us can help create a gender-equal world.”

HAPPY HOLI !!!

This week we celebrated the festival of colors “HOLI”. We Nepalese celebrate this festival every year with our friends and family and enjoy the spirit of Holi by coloring each other and sharing happiness. We wish for all the negativity in the world to be washed away with the colors of joy and happiness.

Additional read

SUSASAN in Local governments: Insights from Showcasing and Experience Sharing Event in Dhangadhi

That’s all folks for this week. We will be back next week with more exciting content to share with you. Till then have a great weekend. Leaving you with this motivating quote.

“It’s only after you’ve stepped outside your comfort zone that you begin to change, grow, and transform.”
― Roy T. Bennett

Young Innovations Weekly #230 —  Demola Session 2, “Flutter for Web” in WLiT, IWD Celebration, and… was originally published in YoungInnovations' Blog on Medium, where people are continuing the conversation by highlighting and responding to this story.

I searched through blogs and documentation to get a correct guide on “How to create a react module package and publish it on NPM Registry?” The blog posts I liked the most were:

A guide to building a React component with webpack 4, publishing to npm, and deploying the demo to GitHub Pages

and

Building a React component as an NPM module

These 2 guides set my path to start creating my first react module component and publish it on NPM Registry.

First, we need to install a version of Node JS on your system. Installing Node JS will install a relative version of npm with it. You can also install Node JS through nvm. nvm will help to maintain different versions of Node JS on your system. So, let’s get started on creating a package.

Initializing the Project

Firstly, create a project folder and initialize it with npm. While creating a package make sure to choose a name that doesn’t exist(a name used by others) in the NPM Registry. I used the name react-easy-breadcrumb for my package. You can check by using the npm view command.

npm view <package-name>

If the name is unique to the npm then you can run these codes.

mkdir react-easy-breadcrumb
cd react-easy-breadcrumb
npm init

You will be prompted with some questions regarding the package by npm, answer them and you are ready to go.

Adding Dependencies

Since we are creating a react component we definitely need React as our dependency. So, let’s add it to our project. You can use npm or yarn to install the dependencies.

npm i react react-dom -D

or

yarn add react react-dom --dev

I’ve used Webpack to handle the build process and used Babel for compiling the code for serving. Let's install these dev dependencies.

npm i webpack webpack-cli babel-core babel-loader babel-preset-env babel-preset-react -D

or

yarn add webpack webpack-cli babel-core babel-loader babel-preset-env babel-preset-react --dev

I’ve used styled-components for styling the component. Let’s install this dependency.

npm i styled-components
or
yarn add styled-components

Configuring Webpack

Now, we’ve finished the set up with all our required dependencies. Let’s configure our Webpack now. Create a file webpack.config.js in the root directory and add the following code:

var path = require('path');
var webpack = require('webpack');

module.exports = {

      mode: 'production',

      entry: './src/index.js',

      output: {

           path: path.resolve(__dirname, './'),

           filename: 'index.js',

           library: '',

           libraryTarget: 'commonjs'

     },

     module: {

          rules: [ 

              {

                 test: /\.js$/,

                 exclude: /node_modules/,

                 use: {

                     loader: 'babel-loader',

                     options: {

                        presets: ['@babel/preset-env', '@babel/preset-react']

                             }

                       }

              }

           ]

     },

     stats: {

          colors: true

     },

     devtool: 'source-map'

 };

Creating a React Component

Create a directory src and a file index.js inside src .

mkdir src
cd src
touch index.js

In the index.jsfile, we start writing code for our component.

import react, { Component } from 'react';
import styled from 'styled-components';
import BreadCrumbArrow from './breadcrumbArrow; // a separator component to use if separator prop isn't passed through props.

class BreadCrumbs extends Component {

    render(){
       const { crumbs, separator } = this.props; // initializing the props that we pass while using this component.

const arrowIcon = separator ? (
           <img src={separator} alt="breadcrumbArrow" />
       ) : (
           <BreadCrumbArrow />
       );
       
       return (
           <BreadCrumbsWrapper>

              {crumbs && crumbs.length && (

                 <div className="breadCrumbs">

                    {crumbs.map((l, key) => (

                       <React.Fragment>

                           {key !== 0 && arrowIcon}

                             <a

                               href={l.link}

                               style={{ color: l.tintColor ? l.tintColor : '#4a4a4a' }}

                             >

                                  {l.title}

                             </a>

                        </React.Fragment>

                   ))}

                 </div>

              )}

            </BreadCrumbsWrapper>

       );

    }
}

export { BreadCrumbs };

const BreadCrumbsWrapper = styled.div`

   .breadCrumbs {

       margin-left: 80px;

       display: flex;

       justify-content: flex-start;

       @media screen and (max-width: 767px) {

          margin-left: 20px;

          flex-wrap: wrap;

       }

       a {

         text-decoration: none;

         ::first-letter {

            text-transform: uppercase;

         }

      }

      img {

          margin: 0 20px;

         @media screen and (max-width: 767px) {

             margin: 3px 9px 0 5px;

          }

     }

 }

`;

For the component that I’ve used for the separator, create a file breadcrumbArrow.js inside the src folder. And write the following code.

import React from 'react';

const BreadCrumbArrow = () => (

     <span style={{ margin: '0 20px' }}>

        <svg

           width="6px"

           height="9px"

           viewBox="0 0 6 9"

           version="1.1"

           xmlns="http://www.w3.org/2000/svg"

       >

          <title>keyboard_arrow_right - material</title>

          <desc>Created with Sketch.</desc>

          <g

             id="Page1"

             stroke="none"

             stroke-width="1"

             fill="none"

             fill-rule="evenodd"

         >

             <g

                id="0.Science"

                transform="translate(-263.000000, -135.000000)"

                fill="#90A1B5"

             >

                <g id="path" transform="translate(200.000000, 130.000000)">

                    <g id="Group">

                        <polygon

                           id="keyboard_arrow_right---material"

                           points="63 12.956 66.456 9.5 63 6.062 64.062 5 68.562 9.5 64.062 14"

                        />

                    </g>

               </g>

          </g>

       </g>

   </svg>

</span>

);

export default BreadCrumbArrow;

Compiling the Component

Now, that we are done with our code for the component, we need to build our code so that it can be used as a component module. Let’s add a build script to the package.json file and then it will look like this.

{

   "name": "react-easy-breadcrumb",

   "version": "1.0.0",

   "description": "A breadcrumb package for react.",

   "main": "index.js",

   "scripts": {

       "test": "echo \"Error: no test specified\" && exit 1",

       "build": "./node_modules/.bin/webpack src -o index.js"

   },

   "author": "Biju Nakarmi",

   "license": "ISC",

   "devDependencies": {

       "@babel/core": "^7.5.5",

       "@babel/preset-env": "^7.5.5",

       "@babel/preset-react": "^7.0.0",

       "babel-loader": "^8.0.6",

       "react": "^16.9.0",

       "react-dom": "^16.9.0",

       "webpack": "^4.39.1",

       "webpack-cli": "^3.3.6"

   },

   "peerDependencies": {

       "react": "^16.9.0",

       "react-dom": "^16.9.0"

   },

   "dependencies": {

       "styled-components": "^4.3.2"

   }

}

If you run the following command:

yarn build

Then it will create a file index.js within the root directory of the project. And will look something like this.

Testing the Component Locally

To locally test your build package, and add the package you need the absolute path of our build project. From your project root directory in the command shell, type: pwd

> ~/Projects/react-simple-breadcrumb > master pwd
/Users/bijunakarmi/Projects/react-simple-breadcrumb

This will give the path to your current project.

Create a demo react project and add the package.

cd ..
mkdir test-app
cd test-app

Do the required npm init and install other dependencies. Then to add the package, type:

yarn add /Users/bijunakarmi/Projects/react-simple-breadcrumb

This will add the newly build package to your test app. To test the app add these codes to your file.

import { BreadCrumbs } from 'react-easy-breadcrumb';

const links = [
	{
		link: 'http://github.com/',
		title: 'Home'
	},
	{
		link: 'http://google.com/',
		title: 'Profile',
		tintColor: '#3098'
	},
	{
		link: 'http://twitter.com/',
		title: 'Bookmarks',
		tintColor: 'red'
	}
];

const Page = (
	<div>
		<BreadCrumbs crumbs={links} />
	</div>
);

export default Page;

The output will look like this.

Publishing the Component on NPM Registry

If you want to publish this package to NPM Registry then you will need to create an account in npmjs.com/signup or if you have an account then in your command shell, type:

cd react-easy-breadcrumb
npm login

Now, you will be prompted to add your username, password, and email. With correct credentials, you will be logged in to the npm. Create a .npmignore file to ignore the files that aren't necessary to publish. In your project root directory, type:

touch .npmignore

Open the .npmignorefile and add these lines:

src

webpack.config.js

yarn.lock

Now your project is ready to be published to the npm. Run the following command to publish your project.

npm publish

You are all done. Go to the browser and login to npmjs.com with your credentials and you can see your package there.

You can try this package from react-easy-breadcrumb . You can also get the code from my Github repository. Please feel free to add an issue on Github if you have any queries regarding the package or want new features to be added.

Guide to create a simple React breadcrumb component using Webpack and publish to npm was originally published in YoungInnovations' Blog on Medium, where people are continuing the conversation by highlighting and responding to this story.

“A positive attitude causes a chain reaction of positive thoughts, events, and outcomes.” — Wade Boggs

Hi, I’m Biju Nakarmi your host for this weeks YI Weekly blog. As the quote states let the positive attitude create a vibe of a positive chain of events around you. As mentioned in the title we had some exciting events this week. Let’s get into the events that took place.

Training Session for Smart Urban Challenge

On March 16 and 17, SUTC, an initiative of KMC, organized Training on Data and Technology. In two halls of King’s College jammed to capacity with more than a total of 70 participants each day.

The sessions covered four broad subjects such as Data and web architecture facilitated by Anjesh Tuladhar and Mani Bibek Acharya, Hardware Integration facilitated by Ranjan Shrestha, User experience and design facilitated by anjhero (Anjan Shrestha) and Mobile app development facilitated by Umesh Basnet and Reema Prajapati. Among these sessions, training on ‘Data and web architecture’ and ‘Hardware Integration’ was held simultaneously. And same is the case for the session for ‘User experience and design’ and ‘Mobile app development’. In these sessions, the trainers briefly walked through the process of planning and application development with a focus on MVP. They discussed the key points on the data and technology for the prototype development which needs to be submitted by 31st March 2019.

WordCamp Kathmandu 2019: The Largest WordPress Conference in Nepal

This year WordCamp Kathmandu 2019, was all set to begin from 16th to 17th March at Bougainville Events, Tripureshwor, Kathmandu.

WordCamps are casual, locally-organized conferences covering everything related to WordPress, the free and open source personal publishing software that powers over 75 million sites on the web.

WordCamps come in all different flavors, based on the local communities that produce them but, in general, WordCamps include sessions on how to use WordPress more effectively, beginning plugin and theme development, advanced techniques, security, etc.

On 16th March, which is the first day or the main day of WordCamp Kathmandu 2019, specially dedicated to WordPress Community lovers and enthusiasts, our three members from web development team Prashant Shrestha, Punya Ruchal and Jenish Shrestha attended this event to make the most out of it.

The sessions attended are listed below:
1. React and WordPress sitting in the tree…
2. Conversion Optimization for WordPress based Website
3. Integrating React with WordPress & its API(Workshop)
4. Your First Gutenberg Block
5. Setting Up WordPress on Amazon EC2 in minutes
6. How to create and sell Freemium plugins?

Community Solutions Fellows at YI

On Thursday, we hosted fellows and delegates of the Community Solutions Summit, taking place in Kathmandu from 20–22 March 2019. During the meeting, Bibhusan Bista, anjhero, and Saroj Bista shared YI approaches and core areas of work, the success, and challenges in leading tech and governance reform at the local level. The Summit is organized by International Researches and Exchanges Board (IREX). Saroj is one of the members of the Summit Planning Committee.

Design Session at Nepware

On Tuesday, March 19, I and anjhero (Anjan Shrestha) attended a Designers Session hosted by Nepware Pvt. Ltd. This session was conducted between a closed group of designers, where we had colleagues from Yellow Umbrella who presented on the design principles that they have been using in their company. Also, Ishan Manadhar and anjhero presented their views about how good design helps to give a better perspective about the product. We would like to thank Bishal Timilsina for inviting us to this event.

Happy Birthday

This week our chocolate craving was fulfilled by Puncoz Nepal. We wish him many many happy returns of the day. Happy Birthday, Puncoz Nepal, YI family wishes you great success for your future.

Colors of Holi

Festival of Colors “HOLI” was celebrated with colors of joy all over the country. All the loved ones, friends, relatives gather together during this festival and enjoy the spirit of Holi by coloring each other and sharing happiness. We wish for all the negativity in the world to be washed away with the colors of joy and happiness. We Innovators also celebrated Holi with our friends and family.

And Finally, YI Picnic 2019 is here!

Yes, the most awaited event of the season is here, it’s YI Picnic 2019 knocking on the doors. We are having our YI Picnic this Sunday, March 24 at Sakwo Resort, Sankhu, Kathmandu. Everyone is hyped up and ready to enjoy. I, Bijay Basnet, Mani Bibek Acharya, Anjana Rupakheti, and Karuna Nakarmi are the organizers for this year. We hope everybody at YI will have a wonderful time and enjoy every moment. We will be posting updates and pics of YI Picnic on next weeks weekly blog, so stay tuned.

That’s all folks for this week. We will be back next week with more exciting contents to share from YoungInnovations. Till then have a great weekend.

“If you get tired, learn to rest, not to quit.” — Banksy

YoungInnovations Weekly #180 — Training Session for Smart Urban Challenge, WordCamp Kathmandu… was originally published in YoungInnovations' Blog on Medium, where people are continuing the conversation by highlighting and responding to this story.

“Blogging is a communications mechanism handed to us by the long tail of the Internet.” — Tom Foremski

After that’s said, welcome to the new edition of YoungInnovations weekly. Here are some highlights of this week.

Welcome to the newest member

This week, we welcome our newest YoungInnovations family member Rajendra Rawal. Rajendra is a self starter, who enjoys to take initiative and take full responsibility. He likes to travel, watching space documentaries, write poems, blogs or article, read blogs about innovative things and on his leisure time he loves playing Fifa.

DevelopmentCheck services 2.0. launched

This week Integrity Action launched the services arm of their innovative tool DevelopmentCheck, allowing citizens to monitor the provision of life changing services and ensure stakeholders act with Integrity! And we are happy to be part of it’s development.

Integrity Action on Twitter

This week we launched the services arm of our innovative tool DevelopmentCheck, allowing citizens to monitor the provision of life changing services and ensure stakeholders act with Integrity! #ThursdayThought https://t.co/xMo7EuyflD

Ready for YI Picnic — 2018

After going through long rescheduling process, finally we will be going to YI Picnic this Saturday(March 17, 2018). This year Sanjeena(Sunxena), Akita, Saurav (xaurav), Bimal, Mani Bibek and Rabin have taken responsibility for managing the most awaited Picnic. We will be going to New Dakshinkali Resort. Everyone here are really excited for this Saturday for all the fun and making new memories.

Planning Front-end Sessions

It’s been quite some time since the last front-end meet-up. We are planning to give more focus on planning further events and activities related to front-end development. We also discussed about organizing workshops and sessions in college to help and encourage students to pursue front-end as their career. Also we are planning for our next front-end meet-up soon(probably in May 2018). If you have suggestions or if you want us to do sessions in your college, feel free to let us know.

Vacancy Announcement

For all those who have missed our vacancy announcement last week, here’s once again to inform all that we are looking to recruit Developers(10–15 positions) with at least 3 years of experience in the field of #ReactNative , #NodeJS and #javascript to join our team. Please go through our career page for more details.

That’s all folks for this week. We will be back next week to share some new stories and memories of YI Picnic.

YoungInnovations Weekly #130 — Welcome to newest YIPLian, DevelopmentCheck Service 2.0. was originally published in YoungInnovations' Blog on Medium, where people are continuing the conversation by highlighting and responding to this story.

you got to get up every morning with DETERMINATION

if you are going to go to bed with SATISFACTION

-George Lorimer

As the days passed by, here we are concluding yet another week at YoungInnovations. This week we worked with more determination and more satisfaction.

Technical Scoping of Techno Hubs for Project SUSASAN

Last week Bibhusan Bista (bibhusan) and Saroj Bista visited the Far-Western districts Kailali, Dadeldhura, Achham and Bajhang of Nepal for Technical Scoping of Techno Hubs for Project SUSASAN. The visit to the project districts was carried out for the following specific purposes:
- Technical assessment of techno-hub locations (location, situation, technical feasibility)
- Consultation with elected mayors and beneficiaries and understand the appropriate technological solutions.

Culmination of YI TT Singles Tournament

Sadly, all good things must come to an end. Finally, we concluded the YI Table Tennis Singles Tournament with the final round matches. We had our semi-final matches between Suraj KC Vs Bigyan Adhikary and Sirjan Sharma Vs Ravi. The matches were very competitive and exciting as Suraj and Sirjan progressed to finals whereas, Bigyan clashed with Ravi to secure the third place. Also, we had our ladies singles finals Samita Lalchan Vs sweta shrestha. The final matches were very exciting where Suraj won the men’s Singles and Samita won women’s singles match. Congratulations to the winners. Interesting thing about this event was that everyone participated in the tournament and each of us played an important role in making the event successful. A round of applause for the organizers Sanjeena Parajuli, Suraj KC, Raju Dawadi and Sirjan Sharma for their efforts in putting together such a wonderful event that we will all remember as a part of our YIPL journey. On behalf of YIPL, I would like to thank our sponsor Varun Beverages (Nepal) P. Ltd. (Pepsi) for providing us with beverages and making our finals refreshing.

And I would like to thank all the sponsers(bibhusan, Prashant, anjhero, anjesh, Raju, Suraj, sweta, Rohit, Biju, Samita, Manish, Rajan, Sachit, Punya, Sanjeena, Sirjan, Ravi and xaurav) who supported us to make the tournament a grand success.

Photography Session

As the craze for photography is going on, we had our first ever photography workshop here at YoungInnovations last Sunday. This session was jointly organized by Prashant Shrestha and Anjan Shrestha (anjhero), where Prashant gave us workshop session on different types of cameras and lenses that are used and how to utilize full functionality of camera to get a perfect snap. Anjan gave us some interesting tricks up his sleeves about landscape photography. We surely learnt a great deal about photography and can’t wait for the weekends to try out these trick to take more perfect shots.

Fun at Indoor Cricket

Last Sunday, we went to have some cricketing fun at Ultimate Indoor cricket. I was very excited as it has been more than 8 years since I last played cricket. I along with my colleagues Nirazan Basnet, Bimal Grg, Punya Ruchal, Prashant Shrestha, Anjan Shreshta (anjhero), Prawesh Shrestha and Ashok Adhikari played together and had a really good time playing cricket after such a long period. I would surely like to go once again to have some cricket moments with my colleagues.

React native workshop

On Wednesday we had a workshop on React native. Ranjan Shrestha, creator of Bhoos’s Marriage game, conducted the session. The session was highly interactive. We learnt a great deal about developing native mobile app using react-native. We also learnt about how we can better architect our application and some tools that can make the app user experience better. We heartily thank him for his valuable time and sharing his experience with us.

Peer Rewards

This week we rewarded the valid nominees of the Peer reward system here at YIPL. Peer reward is a process where we nominate one of our colleagues who has been very helpful and showed promise in their work. This time Rakesh and Aayush won the Peer Rewards, nominated by Prawesh and Bigyan respectively.

Farewell to Aayush Karki

This week, our colleague Aayush is leaving us. He was involved in projects namely VoiceInn and Media Monitoring during his work period, where he showed dedication and passion towards his work. We wish him best wishes for his journey to a new beginning.

Welcoming new Faces

This week we welcome our new interns/colleagues to YIPL family. Satish Gurung, Bijay Basnet, Sagun Pratap Shrestha and Reema Prajapati welcome to the family. Hope we create some impact and make wonderful memories here at YIPL.

Craze for Games of Thrones & Taylor Swift’s new Song

“Winter has come” and yes, there was so much hype about this season’s finale of “Game of thrones” at YIPL. Last Monday’s finale episode offered spectacular ending, setting up for next episode’s culminating clash of living and the dead. And now the wait begins for the finale season.

Finally after a long break, Suraj’s favorite artist @TaylorSwift made a grand comeback with her latest single “Look what you made me do” and call us crazy but we can’t stop listening. Later, she also released mind blowing music video which is already smashing records. And the interesting part is, most of our colleagues who are on a mission to eliminate Swift fandom, are found watching her new video in secret and murmuring “look what you made me do” all day.

Thats all folks for this week. Stay connected with YIPL’s blogs for more events and excitement happening here at YIPL.

Hasta la vista, Folks !!!!

YoungInnovations Weekly #104: Technical Scoping of Techno Hubs for Project SUSASAN, YI TT Singles… was originally published in YoungInnovations' Blog on Medium, where people are continuing the conversation by highlighting and responding to this story.

People often say that motivation doesn’t last. Well, neither does bathing — that’s why we recommend it daily.” — Zig Ziglar

That’s a well said quote about motivation and it was a motivating week here at YoungInnovations. Let me tell you as to why it has been a motivating week in this weekly dose of a web log.

Last Friday, we had an interactive consultation workshop with possible stakeholders of Public Procurement Transparency Initiative in Nepal (PPTIN) on identifying possible use cases of public procurement. The participants of the workshop were people from various fields and organisations. I myself, anjesh , bibhusan , Lindsey and Dave (both from OCP) with a few representatives of Accountability Lab, Cahurast, LIG, Development Initiative, Open Nepal and Kathmandu University were present during the session. The session started with presentations by Lindsey Marchessault and bibhusan on overview of Open Contracting Data Standards (OCDS) and PPTIN. We were involved in an interactive session where we divided into groups and identified possible users of the PPTIN portal. The task given to us was, what problems they are facing in regards to public procurement data and what kind of information they would be seeking from the PPTIN portal that would help them.

Last week on Friday and Saturday, two of our colleagues anjhero and Prashant were involved in user testing of Shuvayatra, an app that we built for migrant workers. The user testing event focused on two types of testing:

- Usability Testing and

- Focus Group Testing

The objectives of the event were to validate the design/ feature decisions that we’ve made and to collect feedback (of the existing and future features) from the users.

The event saw a total of 50 participants (sample users) involved both in usability and focus group testing. The event was organised by The Asia Foundation and coordinated by Mr. Kevin Keeker, user testing expert from Sony Playstation, and Prashant. More details about the event will soon be published in our blog.

Last Tuesday, anjesh participated in “Asia Agriculture Innovation Summit Series: Nepal” organised by “USAID Feed the future Asia Innovative Farmers Project” to observe the event. The event saw a number of panel discussions and presentations on innovative solutions that can improve incomes for smallholder farmers in Nepal and in the region.

It was a delight to have Mr. Keeker talk about his work experiences and learning on user experiences and usability testing at our office on Tuesday . I believe all of us present there learnt a great deal from him.

Sumit, mentor of Haku, presented on ‘How to teach new skills to Haku’ during Skill Learning Wednesday (SLW). Now, if you are still wondering who is Haku, there is a blog on Haku by Geshan. We introduced Haku as a new member of YoungInnovations family. He is appointed to accomplish various stuff for us. We can ask him to deploy our projects, make us laugh with funny jokes, motivate us with some inspirational quotes and much more. There is no limit to what he can do for us, given that we teach him those stuff first. In this session, we explored on how to teach Haku new and cool stuff that he can do for us. Sumit demonstrated the flow in which we can test the skills we’ve added, locally, before going to production.

Last Thursday was Father’s day and I hope you all shared a quality time with your fathers and bought some nice gifts with your savings.

After all the hard work through out the week it’s time for some refreshment, as Tribe 3 is organizing a Social All hands and Teej Party at our favourite party venue — YoungInnovations’ rooftop. As per my source, we will be playing some cool games, having birthday cakes and farewell to our colleagues Neha, Lunek and Ashish. We wish them a successful career ahead. You all have special place in our heart, we will miss you.

And that’s it for this week, see you with our next blog next week. Till then this is me Biju Nakarmi signing off and have a great weekend.

YoungInnovations weekly #53: Public Procurement Initiative in Nepal’s Consultation Workshop, Asia… was originally published in YoungInnovations' Blog on Medium, where people are continuing the conversation by highlighting and responding to this story.

Yet another week comes to dusk at YoungInnovations. There were no SLW/KSW this week but we had some delightful birthday chocolates from Bijaya and anjesh, which certainly made everyone realize their crave for sweets. We wish both of them a very happy and buoyant life ahead. Thank you for fulfilling our weekly dose of sweets. Happy Birthday!!!

Once again our favorite chant “Nepal! Nepal! Nepal!” went viral all over the social and other media as our nation made a remarkable victory over India: 2 goals to 1 in the SAG football championship finals. It was the most anticipated and difficult victory which took 23 years to materialize. All of us are proud of our boys who have realized our dream to be a champion. We wish luck to them and would certainly love to see some more exciting wins in upcoming games.

Another most awaited event of the month is around the corner. We will be heading to the Tribhuvan park this Sunday for our YI picnic. Thanks to Rakeeb, Nirazan, Rishav and Kritika for all their enthusiasm and continuous planning over the week for a perfect picnic to enjoy.

I guess everyone had done lot of reading this week, so sharing few links to read and kick off from your comfort zone and do some of your own exploring:

• 16 css lessons via post-it® notes — medium
• ethical web development
• jstips — get one js tip every day!!
• why you should write — james greig

Young Innovations Weekly #26- birthday chocolates, an exhilarating win amidst all the chaos and our… was originally published in YoungInnovations' Blog on Medium, where people are continuing the conversation by highlighting and responding to this story.

Today I want to share something that I’ve learned which might be helpful to you as well. In my past days when I wanted to develop a mobile app, I was confused with which platform to choose, then I heard about PhoneGap. PhoneGap is an open source framework which runs on Node Js, that allows us to create mobile apps using standardized web APIs for various mobile platforms — Android, iOS, Windows. We can easily create apps using the technologies that we know such as HTML, CSS and JavaScript. Since we require only basic knowledge about web development tools, we can develop a mobile app pretty quickly and easily. Here, I’m going to list out few steps for installing PhoneGap and testing on your mobile. So we required the following things to be installed:

• First of all, we need to install nodejs. It can be installed from http://nodejs.org. Steps for installing nodejs can be found in the given link.
• Now that the nodejs has been installed, we need to install PhoneGap using node package manager (npm). To install PhoneGap type the following command in the CLI (Command Line Interface) according to your operating system.

for linux or mac : sudo npm install -g phonegap.

for windows : npm install -g phonegap.

• We can even download PhoneGap desktop app from http://phonegap.com/blog/2015/03/02/phonegap-app-desktop-0-1-2/
• Now let’s create our PhoneGap app by typing the following command in the CLI

phonegap create my-app

• Now go to the app directory using the CLI and type the following command to run the PhoneGap app.

cd my-app
phonegap serve

• To test it on your mobile phone download PhoneGap developer app from their respective app store and type the given server URL in the CLI.
• Now, we can see the PhoneGap app running on our device.

Hope this helps you to start building mobile apps using Phonegap.

Installing and Running PhoneGap was originally published in YoungInnovations' Blog on Medium, where people are continuing the conversation by highlighting and responding to this story.