Hacky Birthday MLH: Intro to the MEAN Stack

Localhost: Intro to the MEAN Stack

Saturday July 25, 2020
7:30 AM to 7:30 PM EDT
Event is hosted online

Event Description

During this workshop, you’ll guide participants through setting up their Node development environment by installing Node.js and MongoDB. Then, you’ll teach participants about the MEAN Stack and its uses. Participants will download the source code for an Emojifier app and use their newfound understanding of the MEAN Stack to fix some bugs.

Powered by BlackRock

We've partnered with BlackRock to bring you this workshop on building important technical skills. BlackRock is a global asset manager and a leading provider of financial technology. BlackRock uses technology to power sophisticated risk management, asset allocation and portfolio construction – and to interact with clients, partners and vendors more efficiently.

The MEAN Stack

The MEAN Stack is a set of JavaScript web technologies — MongoDB, Express, Angular, and Node. MongoDB is a popular database for web applications, Express and Node are used for handling requests and responses, and Angular is a framework for front end development. Participants in this workshop will learn how all four work together.

The Emojifier App

Participants will recreate a web app that allows them to paste the URL to an image. The app will run sentiment analysis on the image, determine the facial emotions of the people in the image, and replace their faces with the appropriate emojis.

Requirements / Prerequisites

Participants will need to be able to install applications on the computer they’re using.

While no background knowledge is required, familiarity with JavaScript is helpful.

Who can attend?

Locations have different requirements for who can attend. This location is open to the following:


Workshop Schedule
Day (ET) PT ET UK GMT+1 IST Event
Saturday (ET) 4:30 AM PT 7:30 AM ET 12:30 PM GMT+1 5:00 PM IST Start Intro to the MEAN Stack, Powered by Blackrock
Saturday (ET) 9:00 AM PT 12:00 PM ET 5:00 PM GMT+1 9:30 PM IST Start Build a Blockchain Taco Shop with Ark.io
Saturday (ET) 1:00 PM PT 4:00 PM ET 9:00 PM GMT+1 1:30 AM IST Start How to Collaborate on Code Projects with Github
Sunday (ET) 4:00 AM PT 7:00 AM ET 12:00 PM GMT+1 4:30 PM IST How to Submit on Devpost Office Hours
Mini-Event Schedule
Day (ET) PT ET UK GMT+1 IST Event
Saturday (ET) 11:45 AM PT 2:45 PM ET 7:45 PM GMT+1 12:15 AM IST Hacker Hangout 1
Saturday (ET) 3:30 PM PT 6:30 PM ET 11:30 PM GMT+1 4:00 AM IST Hacker Hangout 2
Saturday (ET) 5:00 PM PT 8:00 PM ET 1:00 AM GMT+1 5:30 AM IST !Light
Saturday (ET) 6:30 PM PT 9:30 PM ET 2:30 AM GMT+1 7:00 AM IST Hacker Hangout 3
Saturday (ET) 8:30 PM PT 11:30 PM ET 4:30 AM GMT+1 9:00 AM IST Slideshow Karaoke
Sunday (ET) 7:10 AM PT 10:10 AM ET 3:10 PM GMT+1 7:40 PM IST Start U.S. Airforce Cyber Security Challenges
Event Schedule
Day (ET) PT ET UK GMT+1 IST Event
Saturday (ET) 6:30 AM PT 9:30 AM ET 2:30 PM GMT+1 7:00 PM IST Start Stream Countdown, Join StreamYard
Saturday (ET) 7:00 AM PT 10:00 AM ET 3:00 PM GMT+1 7:30 PM IST Play Welcome Video
Saturday (ET) 7:10 AM PT 10:10 AM ET 3:10 PM GMT+1 7:40 PM IST Live Q&A with Stream hosts
Saturday (ET) 7:00 PM PT 10:00 PM ET 3:00 AM GMT+1 7:30 AM IST Reminder 12 Hours of Hacking Left
Sunday (ET) 5:00 AM PT 8:00 AM ET 1:00 PM GMT+1 5:30 PM IST Projects Due on Devpost
Sunday (ET) 7:00 AM PT 10:00 AM ET 3:00 PM GMT+1 7:30 PM IST Hacking Ends
Sunday (ET) 7:40 AM PT 10:40 AM ET 3:40 PM GMT+1 8:10 PM IST Closing Ceremony Starts
Sunday (ET) 9:15 AM PT 12:15 PM ET 5:15 PM GMT+1 9:45 PM IST Winners Announced (Approximately)

Links & Resources

Emojifier Code

This contains the source code for the Emojifier application covered in the workshop.

Unlocked when checked in.
Participant Slides

Workshops slides that participants can use to follow along.

Unlocked when checked in.

Hosted by

Ryan Swift and 3 others

We help empowers just like you!