Giter Site home page Giter Site logo

hack--n--code--5.0's Introduction

Shiny WebApp With Form & Leaflet Map

This repo contains the code to make a webapp using R Shiny with the following features:

  1. Form that feeds data to google sheets
  2. Use of Google Maps APIs in the form fields (autocomplete, geocoding)
  3. Leaflet to plot data from sheets: + Clusters for larger data + Searching through data + Marker colors by variables
  4. Recaptcha for security

Stepwise building of the webapp has been explained in this blog post.

Steps to get the code running:

  1. If you require any google maps api keys, then make a google maps account and generate the keys and enter them in the required locations in the code.
  2. If you use google sheets for data entry, then make a .secret folder in the same directory as the app file and then force authentication once for the project to make sure the token is cached there.
  3. If you require recaptcha, then generate your keys (site key and secret key) from https://www.google.com/recaptcha/about/

Demo of the code in the repo

Additionally, if you would like to contribute data about how sustainable are eateries around you, check the webapp live at http://18.223.166.120/

image Thank you Hack-N-Code5.0

hack--n--code--5.0's People

Contributors

harshankumarhrk avatar

Stargazers

 avatar

Watchers

 avatar

hack--n--code--5.0's Issues

Sustainable climate change-code crackerz

  1. Project Info:

                 The project now has a domain name too: [sustainableeateries.com/](http://sustainableeateries.com/)!
    

This repo contains the code to make a webapp using R Shiny with the following features:

Form that feeds data to google sheets
Use of Google Maps APIs in the form fields (autocomplete, geocoding)
Leaflet to plot data from sheets: + Clusters for larger data + Searching through data + Marker colors by variables
Recaptcha for security

2.Tech used:
R
3.Problems:
we faced many issues on building google API
4.inspiration::
team work
image

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.