Full-stack Web Development with the MEAN stackpeel/SDU_Sophomores/2016Posters...Full-stack Web...

IMAGE CREDIT: ALT-J

College Park Scholars Academic Showcase May 5 2016

KYLE HEROCK | kherock@gmail.comScience, Discovery & the Universe | Computer Science

Full-stack Web Development with the MEAN stack

MISSION• Create an online marketplace for people

within the creative industries• Focus on markets such as film, music,

advertising, design, photography• Most the work in this market is done

remotely. We are creating an interactive platform that allows buyers to work with people locally and around the world

WHY I JOINED• I was referred by an SDU alumni working

on Kanvasroom!• I already had a lot of experience with

Javascript, as well as with HTML and CSS• Turned my hobby into work towards

something tangible and of potentially substantial worth

• Opportunity to build some lasting relationships for beyond college

IMPACT• Launching this fall (of 2016)• We believe our service is unique enough

that we are making something interesting and useful for the creative industry

• Hopefully, if our service proves to be effective, we can be picked up and become a part of companies like Adobe

ACTIVITIES• Primary developer for a complex web

application• Work with every part of the stack:

databases with MongoDB, back-end with Node.js and Express, HTML templating, CSS styling and front-end logic with Angular.js

• Meet at least weekly to discuss progress and determine new objectives and their deadlines

EXPERIENCEIn my year (200+ hours) at Kanvasroom I’ve learned:• Angular.js 1.x and 2• Modern CSS and Javascript (Sass, ES6/ES2015)• How to assemble an entire application backend

(REST APIs, database interfacing) from scratch• Building and application to scale, and deploying it

to services like Amazon Web Services (AWS)

FUTURE WORK• Still looking to intern this summer

ideally in the area of web development

• My experience has shown me that I really enjoy the overseeing and project managing role of software development

ACKNOWLEDGEMENTSAaron Pludwinski, Derien Scott:

Co-CEOs of Kanvasroom LLCDr. Alan Peel: Director of Science,

Discovery and the UniverseGoogle, for Angular.js

(and for teaching me how to program)

MongoDBDatabase for permanent

storage of user data.For complex searches or for volatile data, technologies such as Elasticsearch or

Redis serve as a caching layer for this data.

Express.jsApplication framework that sits on top

of Node.js.When a user is doing something like

creating a job posting, those requests will get routed through here.

Node.jsWrite a Webserver, using Javascript!Node.js has seen explosive growth in the past few years, partly because it

allows developers to write in the same language in server and browser.

Angular.jsFront-end framework for the

browser.Makes writing UIs for

single-page apps easy with features such two-way data

binding.