27 Followers
·
Follow

Image for post
Image for post

There’s a famous thought experiment that goes: “If a tree falls in a forest and no one is around to hear it, does it make a sound?” One of the many things the question highlights is the importance of observation. When you make a web app, you often want other people to see it or use it, whether to inform them, help them perform a task, or anything in-between. That’s why it’s so important to be able to easily share your project with other people.

In this tutorial, I’ll show you how you can make web apps or websites effortlessly shareable with Snap Kit’s Creative Kit for Web. Previously available only on mobile, the new Creative Kit for Web allows users of your web app to share within an instant. Further, it unlocks extra personalization within Snapchat through features like custom stickers. To learn the ropes, we’ll walk through implementing Creative Kit for Web in an awesome Scrapbook website, which you’ll be able to customize with your own photos and notes. …


Image for post
Image for post

Smartphones are a staple of modern life, and resultantly, so are apps that connect people. From messengers to marketplaces, there are many instances where users can interact with each other. If your project encompasses one of these, you may want to add more personality to communication between your users.

When text-only messages weren’t expressive enough, people flocked to emoji as a better way to express themselves. …


Group chats are a ton of fun, but making your own messaging web app might just be better. In this tutorial, you’ll create a group chat of your own. Then, you’ll integrate the Bitmoji Kit’s Sticker Picker to make interaction even more fun.

Image for post
Image for post

Set Up the Messaging Web App

Let’s start by creating a web app with basic text messaging functionality. We’ll use HTML, CSS, and JavaScript, along with Firebase as our back-end.

Download the Sample Project

The project files are located in this Gist. Click the “Download ZIP” button in the top right to download all of the files. Then, extract them into a folder as shown below.

Image for post
Image for post

If you get stuck throughout the tutorial, you can reference the completed project files here. …

About

Mian Uddin

incoming software engineering intern @intuit, coach @mlh, computer science @calpoly, fmr. @slohacks @viasatinc @alcoitd

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store