Coder Social home page Coder Social logo

briantam23 / twilio-aqi-alert-app Goto Github PK

View Code? Open in Web Editor NEW
2.0 1.0 0.0 3.5 MB

🌤 Air Quality Index App w/ Twilio Text Messaging Alerts

Home Page: https://btam-twilio-aqi-alert.herokuapp.com

HTML 1.54% JavaScript 83.48% Less 14.98%
google-maps-api media-queries reactjs nodejs twilio travis-ci less react-higher-order-components react-hooks regex

twilio-aqi-alert-app's Introduction

Build Status Dependency Status devDependencies Status Code Climate

🌤 Air Quality Index App w/ Twilio Notifications

A Single Page App that:

  • Incorporates the Twilio API with React / Redux to send users Air Quality Index (AQI) alerts whenever the AQIs exceed certain user-set thresholds
  • Integrates the Google Maps API with AutoComplete & Geolocation along with the World AQI Map Overlay API in order to display AQIs around the world
  • Implements Responsive Web Design (RWD) using Media Queries / LESS

Maps component screenshot


Profile page screenshot

Table of contents

Motivation

I wanted to create something useful everyone would use and wanted to utilize the popular Google Maps and AutoComplete API. I thought that, since I use my weather app every morning – why not create a small version of it.

What is Twilio?

The Twilio Messaging API makes it easy to send and receive SMS and MMS messages as well as query meta-data about text messages such as delivery status, associated media, and leverage tools like Copilot to manage your messages globally at scale.

Login Credentials

Passwords are Salted & Hashed using Bcrypt

  • Username: Brian | Password: Briantam23@
  • Username: Mike | Password: Mike12#

Live Demo

Currently deployed to Heroku!

Dependencies

Requirements

Installation

Step 1: Clone Repo

git clone https://github.com/briantam23/twilio-aqi-alert-app.git` # or clone your own fork

Step 2: Create Database

createdb aqi-twilio-alert-app

Step 3: Install node_modules

npm install # or yarn install

Running Locally

npm run start:dev

The npm run start:dev command will run 2 processes:

  • the webpack process (in watch mode) to build your client-side Javascript files
  • the Node process for your server with nodemon

Your app should now be running on localhost:3000.

Deploying to Heroku

Make sure you have the Heroku CLI installed.

heroku create
git push heroku master
heroku open

Alternatively, you can deploy your own copy of the app using the web-based flow:

Deploy to Heroku

Tests

Created Tests for React Components, the Redux Store, Routes, Models, and Functions:

To run without "watch mode":

npm test

To run with "watch mode":

npm run test:dev

Contact

Created by Brian Tam - feel free to contact me at [email protected]!

Personal Website - briantam23.github.io
LinkedIn - @briantam23
Github - @briantam23

twilio-aqi-alert-app's People

Contributors

briantam23 avatar

Stargazers

 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.