imranhsayed/google-maps-in-react

Stars
168
Rank 218,237 (Top 5 %)
Language
JavaScript
Created over 5 years ago
Updated about 1 year ago

imranhsayed/google-maps-in-react

imranhsayed

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

📌 Google Maps in React: Autocomplete Location Search | Draggable Marker | Marker Infobox

Google Maps in React: Autocomplete Location Search | Draggable Marker | Marker Infobox

******* PLEASE STAR MY REPO TO SUPPORT ME 🙏 ******

Please follow me 🙏 on twitter and github

Description 📋

Demo App for Autocomplete Location Search, Draggable marker and Infobox using Google Maps API and React .

Autocomplete Location Search Demo 📹

Drag the marker

Use 👉

Get your API Key from developers.google.com. You can also watch tutorial to Get API Key
Add your Google Maps Key in ./client/src/client-config.js

GoogleMapsAPI = 'xxxxx';

Installation Instructions 🔧

Clone the repo using git clone https://github.com/imranhsayed/google-maps-in-react
cd google-maps-in-react
npm install
cd client
npm install
cd ..
npm run dev

Built With ⚡

Node
Express
React
Create React App
Google Maps API

Tutorial Videos 📹

Useful Links 🔗

Autocomplete Location Search Blog

License

MIT license

woo-next

🚀 React WooCommerce theme, built with Next JS, Webpack, Babel, Node, Express, using GraphQL and Apollo Client

aquila

🎨 An Advanced WordPress theme

nextjs-headless-wordpress

🔥 Nextjs Headless WordPress

gatsby-woocommerce-themes

⚡ A Gatsby Theme for WooCommerce E-commerce site Gatsby WooCommerce WordPress

gatsby-wordpress-themes

🎨 Gatsby WordPress Theme

react-with-wordpress

🔥 Example of react application to access WordPress REST API

nextjs-woocommerce-restapi

A React WooCommerce Project Example With REST API

headless-cms

❤️ A WordPress plugin that adds features to use WordPress as a headless CMS with any front-end environment using REST API

react-workshop

⚒️ 🚧 This is a workshop for learning how to build React Applications

file-uploads-aws-react-node

📂 A react node and express js project to upload files on amazon web services ( AWS )

advanced-woocommerce-theme

🛍️ Advanced WooCommerce Theme

react-pwa-workbox-example

react-pwa-workbox-example

react-wordpress-theme

🎨 A React theme for WordPress, using Decoupled Architecture. Front end in React. Backend in WordPress.

frontity-contact-form-7

🔥 Contact Form 7 extension for Frontity theme.

aquila-features

Advanced WordPress Plugin Development

next-js-app

🌐 Next JS Application Demo

frontity-twentynineteen

🎨 A Frontity Twentynineteen theme Project

laravel-charts

📊 Create a chart in Laravel using Chart.js and AJAX

tailwind-wordpress-plugin-example

An example WordPress plugin for using Tailwind css in Gutenberg editor with webpack and sass

woocommerce-custom-pages

✅ Custom template and Pages for Woocommerce that can be used to customize your Woocommerce Product, Categories, Cart, Checkout and Myaccount Pages

rest-api-endpoints

🌾 WordPress REST API endpoints

google-maps-javascript-api

🔎Create Google maps for your site with google maps javascript api, address field, marker and info window

nextjs-wordpress-theme

🎨 A Next.js WordPress theme that uses React in the front-end and WordPress in the backend - decoupled

wordpress-docker-example

A WordPress setup with Docker, Composer, mysql and phpmyadmin

headless-wp-starter

🌀 A starter demo for WordPress Headless CMS

electra

Block Based Theme - Full Site Editing Tutorial

gutenberg-workshop

⚒️ A Gutenberg Workshop 🅱️

custom-blocks

📦 Custom Gutenberg Blocks

graphql-react-app

📊 A demo app for using GraphQl with React and Spacex API

graphql-workshop

⚒ 🚧 A GraphQL workshop to learn GraphQL implementations

acf-block-example

📦 ACF Blocks Example plugin

react-node-boilerplate

A React Js and Node Js boilerplate for building a new project. It uses create-react-app

wordpress-contributors

👥 This plugin allows you to add more than one author for the post in the Add New and Edit Post section of WordPress dashboard.

mern-boilerplate

A boilerplate for MERN APP ( Mongodb, Express, React, Node ) with Login, Registration with Facebook, Google and Recaptcha. Pre setup of mongodb

react-woocommerce-theme

🏬 A React WooCommerce Store Theme, built with WooCommerce REST API, Webpack, Babel, Node and Express

pwa-concepts

👷 A demo App PWA Concepts

more-menu-react

📇 A demo for display extra menu items dynamically in More menu, in React

react-hooks

⚓ A demo app for React Hooks

gatsby-with-wordpress-workshop

A Gatsby with WordPress workshop

javascript-workshop

🔥 JavaScript Beginner to Advanced Workshop

react-app-boilerplate

🔥 react-app-boilerplate

javascript-concepts

🎓 A demo app for JavaScript Concepts

acf-guten-blocks

🔌 This plugin creates Gutenberg blocks using ACF

react-app

📦 A demo to set up React App with create-react-app, webpack and babel

ssr-react-app

⚡ A server-side-rendering-react-app demo

gutenberg-blocks-starter

A starter plugin to develop Gutenberg blocks.

remove-linkedin-connection

👤 Remove a LinkedIn Connection with a Single Click

gatsby-wp-themes

Gatsby WordPress Theme

nextjs-example

admin-menu-builder

A plugin that creates a menu in WordPress backend dashboard

imranhsayed

webpack-app

📦 A demo app for webpack app

my-gatsby-project

My Gatsby Test Project

redux-workshop

⚒ A Redux Workshop 🏂

react-beginners-course

react-beginners-course

gatsby-workshop

🛠️ A Gatsby Workshop

codeytek-blocks

Custom Gutenberg blocks for codeytek

instamojo-integration-nodejs

Instamojo Payment Gateway Integration Snippet using Node Js , React, Express and Mongo db

create-react-app-pwa-new

Create React App PWA

frontity-contact-form-7-test

📝 Frontity Contact Form Seven Feature

lazy-load

🌈 A WordPress theme to demonstrate lazy load feature

my-storybook

A demo project for storybook using create-react-app

ihs-forms

WordPress Forms with attachments

starter-block

Starter Block Plugin with wp-scripts package

react-mmenu

🎢 React mmenu

gatsby-app

A demo React application using gatsby

autoloaders-with-composer

⌛ Demo for autoloading with Composer

contact-form-7-endpoints

🔥 This plugin provides you different endpoints for Contact Form 7 registration using WordPress REST API

react-app-webpack

A demo project for react with webpack

redux-example

🌀 A redux example

CSS-Tricks

Useful links for CSS Tricks

cg-blocks

A custom gutenberg contact card block

ihs-geo-location

This plugin detects your location and makes certain classes available to you which you can apply to the div elements or use shortcodes in your theme to display the user's current locality, city, state, country and address.

todo

🔥 A React Native App

jest-test-app

Test Application using JEST

taxonomies-wp-content

wp-content folder containing plugin and custom templates for custom post type custom taxonomy and custom product page examples

wordpress-docker-wp-cli

An example of WordPress with Docker and WP-CLI setup

gatsby-experimental

👨‍🔬 Gastby WordPress site

tailwind-example

tailwind-example

shiprocket-pincode-check-woocommerce

The plugin checks if the woocommerce product can be delivered to your location using pincode. It uses Shiprocket Api to achieve this.

jest-for-react

A demo project for writing test for react using jest

todolist

A laravel Project for todolist

portfolio-app

A react application

babel-app

A repo for babel demo

laravel-auth

Custom Login and Registration database name in the .env file is laravel_auth, id root and password: empty

nextjs

item-laravel-api

A laravel Project to perform CRUD request with REST API via ajax request. Front end will be available in itemmanager directory and itemapi is a laravel dir

pop-up-window

Create Modal Box/ Pop up window using JavaScript

basicwebsite

A basic laravel website with contact form

add-post-script-plugin

A custom WordPress plugin that adds custom fields below every Post/Page to allow user to add post/page specific styles and scripts

Publish-plugin-on-WordPress

🔌 How to Publish Your Plugin on WordPress and Update and tag a version

nextjs-wp-assets

A set of assets for nextjs-wp project

laravel-blogs

📄 Blog Posting CRUD functionality in Laravel with Bootstrap

node-playground

🌐 A demo app for node

express-app

⚡ A demo app for Express

wp-plugin-webpack-boilerplate

Boilerplate - WordPress Plugin With Webpack setup

twentyseventeen-child

Child Theme with Infinite Scroll Using Ajax request with WordPress REST API

gutenberg-block-scaffold-examples

An example of Gutenberg Block Scaffoldings

programming-in-java

Example programs in Java

python-programming

Example projects for Python Programming