Rapid Web App Development — App 1

Emad Ibrahim
Frontend Weekly
Published in
2 min readJun 29, 2016

--

Read about App #2 over here and App #3 over here.

I have been working on several side projects (mostly web apps) and I am constantly creating the same thing over and over e.g. user authentication, emailing, database setup, deployment, blah blah. I just want to create solutions not repeat the same thing over and over.

I have decided I will create 1 web app every month. I have “finished” my first app and it is live. It took me about 1 week (part time) to do it from start to finish. Here is some of the common functionality that I will reuse in my other apps:

  1. User authentication using Google accounts
  2. User authorization
  3. Mailchimp integration
  4. Mandrill integration
  5. Google analytics integration
  6. Purechat integration
  7. Backend — using firebase and a node worker hosted at Digital Ocean

Coming soon common features:

  1. Subscription management (freemium model)
  2. Strip integration for payment processing

Our Standup

The application is a simple “Daily Standup Updates”, you create a team and invite your team members and each one enters their daily status update. Here are some features that are specific to this app but can probably be used in future apps:

  1. Share a specific “entity” with others (in this case, you share a team)
  2. Send email notification for invites and status updates
  3. Many to many relationships — teams can have multiple users and users can join multiple teams.

Design

I am not a designer, so I leveraged Google Material Design to get a relatively clean look and feel.

Stack

  1. Ember JS — the most productive frontend framework
  2. Firebase realtime database
  3. Firebase hosting (I simply run ember build and firebase deploy)
  4. Node js worker— a simple service running continuously and listening to firebase changes to send email notifications, aggregate data, integrate with mailchimp and so on.
  5. Digital Ocean droplet for 5 bucks that runs the worker above — I am sharing this across several projects so cost is a lot less than $5 per app

Live

The app is live and you can see it at www.ourstandup.com — feedback is greatly appreciated. I am also considering open sourcing it — would anyone be interested?

--

--

Emad Ibrahim
Frontend Weekly

Husband, Father of Twins, Published Author, Entrepreneur, Passionate Technologist, Programmer and Productivity Nut. more at https://about.me/eibrahim