vue

A progressive, incrementally-adoptable JavaScript framework for building UI on the web. http://vuejs.org

Intro

Vue.js is a library for building interactive web interfaces. It provides data-reactive components with a simple and flexible API. Core features include:

• Declarative rendering with a plain JavaScript object based reactivity system.
• Component-oriented development style with tooling support
• Lean and extensible core
• Flexible transition effect system
• Fast without the need for complex optimization

Note that Vue.js only supports ES5-compliant browsers (IE8 and below are not supported). To check out live examples and docs, visit vuejs.org.

https://github.com/vuejs/vue

cloudboost

One Complete Cloud Platform for next web. Add Storage, Real time, Search, Notifications, Auth and more with one simple API.https://www.cloudboost.io

CloudBoost is the Complete NoSQL Database Service for your app. Think of CloudBoost as Parse + Firebase + Algolia + Iron.io all combined into one :

• Data-Storage / JSON Storage / BLOB Storage
• 100% data ownership
• Realtime
• Search
• Cache
• Queues
• More - ACL's, User Authentication, Server-less apps and more.

https://github.com/CloudBoost/cloudboost

botpress

 or

Botpress is an open-source bot creation tool written in Javascript. It is powered by a rich set of open-source modules built by the community. We like to say that Botpress is like the Wordpress of Chatbots; anyone can create and reuse other people's modules.

Installation

Botpress requires node (version >= 4.2) and uses npm as package manager.

npm install -g botpress

Creating a bot

Creating a bot is simple, you need to run botpress init in a terminal inside an empty directory:

mkdir my-bot && cd my-bot
botpress init

Once your bot is created, you need to run botpress start to start your bot:

botpress start

This will provide you locally a web interface available at http://localhost:3000

Adding stuff to your bot

At this point, your bot does nothing, you need to add features. There are two ways to add features:

• Installing and configuring modules
• Coding

Installing and configuring modules

For example, there's a botpress-messenger module that will make your bot connect to Facebook Messenger and easily send/receive messages.

You can install modules directly in the web interface, or by using the botpress install command:

botpress install messenger

Once installed, modules expose two things:

• A graphical interface (available in the left panel). This makes configuration easy and convenient. You don't need to know about coding to use the graphical interface.
• Features via APIs. Each module has a detailed documentation on how to use their API.

There are not a lot of modules yet, we count on the community to develop many useful ones! Please get in touch with us if you would like to develop modules but you are not sure on how to get started.

Coding to add features

As the number of modules increase, we expect that the amount of code you'll need to write will lower everyday. Developers can add code directly in the bot (i.e. index.js) and access the core and modules features. For example, if you wish to respond to a GETTING_STARTED event on Facebook Messenger, you might code something along these lines:

bp.hear({ type: 'postback', text: 'GETTING_STARTED' }, (event, next) => {
  bp.messenger.sendText(event.user.id, 'Hello, human!')
})

 or 

Backpack

Backpack is minimalistic build system for Node.js. Inspired by Facebook's create-react-app, Zeit's Next.js, and Remy's Nodemon, Backpack lets you create modern Node.js apps and services with zero configuration. Backpack handles all the file-watching, live-reloading, transpiling, and bundling, so you don't have to. It comes with a few conventions defaults (like support for the latest JavaScript awesomeness (i.e. async/await, object rest spread, and class properties)), but everything can be customized to fit your project's needs. Best of all, you can easily add Backpack to your existing Node.js project with just a single dependency.

Backpack comes with the "battery-pack included":

• Latest ES6 features (including module syntax, async/await, object rest spread)
• SUPER friendly, human readable error messages
• Live reload (on saves, add/delete file, etc.)
• Zero-config, one dependency.

HOWEVER, you can configure Backpack to your project's needs. You can modify the underlying Webpack 2 configuration.

How to use

Install it:

npm i backpack-core --save-dev

and add a script to your package.json like this:

{ "scripts": { "dev": "backpack" } }

After that there are just a few conventions defaults:

• src/index.js: the entry of your app.

...actually that's it.

You can then run your application in development mode:

npm run dev

Successful builds will show a console like this. Note: screenshot taken from running the basic example 

Custom configuration

For custom advanced behavior, you can create a backpack.config.js in the root of your project's directory (next to package.json). Note: backpack.config.js is a regular Node.js module, not a JSON file. It gets used by the Backpack build phase, but does not itself go through babel transformation. So only use JS that's supported by your current Node.js version.

// backpack.config.js module.exports = { /* config options here */ }

Customizing Webpack

Example

To extend webpack, you can define a function that extends its config via backpack.config.js.

// backpack.config.js module.exports = { webpack: (config, options) => { // Perform customizations to config // Important: return the modified config return config } }

Building for Production

Add a npm script for the build step:

{ "scripts": { "dev": "backpack", "build": "backpack build" } }

Then run the build command and start your app

npm run build node ./build/main.js

CLI Commands

backpack dev

Runs backpack in development mode.

Your code will reload if you make edits.
You will see the build errors in the console that look like this.

backpack build

Builds the app for production to the build folder.
It correctly bundles your production mode and optimizes the build for the best performance.

You can run your production application with the following command:

node ./build/main.js

Your application is ready to be deployed!

Note: Make sure to add the build directory to your .gitignore to keep compiled code out of your git repository

Download The Code

FreeCodeCamp

Free Code Camp is a friendly open source community where you learn to code and help nonprofits.

We help our campers build job-worthy portfolios of real apps used by real people, while helping nonprofits.

You start by working through our self-paced, browser-based full stack JavaScript curriculum.

By working through their curriculum, you can earn four certifications:

1. Front End Certification

The first section will teach you the basics of how webpages work and also introduce you to JavaScript programming.

Skills you'll practice include HTML, CSS, JavaScript, jQuery and Bootstrap.

To earn this certification, you'll build 10 front-end projects and implement many JavaScript algorithms.

2. Data Visualization Certification

The second section builds upon the first and introduces you to more advanced topics such as Sass, React and D3.

To earn this certification, you'll build 5 React-apps and 5 Data visualization apps using D3.js.

3. Back End Certification

The third section introduces you to back end development using Node.js, Express, and MongoDB. It also teaches you about the important concept of source control using Git.

To earn this certification, you'll build 5 APIs and 5 full stack apps.

We will accept solutions implemented in any programming language, as long as both a live demo and the source code are publicly accessible.

4. Full Stack Certification

This code is running live at FreeCodeCamp.com. They also have Gitter chat rooms, a Medium publication, an interactive forum, a wiki knowledgebase, and even a YouTube channel.

Download The Code

Streama

Streama: It's like Netflix, but self-hosted

Ever had a huge bookshelf full of shows and movies? Ever wanted to digitalize them, but didn't have a good way of organizing the files? dont ever worry! Streama is your own personal Netflix for just such a purpose!

Download The Code

Enjoy it!