https://github.com/alex-parra/fend-reactplaces

ReactPlaces - PWA developed by Alex Parra with React.js
https://github.com/alex-parra/fend-reactplaces

javascript pwa react

Last synced: 1 day ago
JSON representation

ReactPlaces - PWA developed by Alex Parra with React.js

• Host: GitHub
• URL: https://github.com/alex-parra/fend-reactplaces
• Owner: alex-parra
• Created: 2018-06-12T12:29:05.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2018-06-12T13:15:51.000Z (over 6 years ago)
• Last Synced: 2024-11-11T12:20:24.544Z (2 months ago)
• Topics: javascript, pwa, react
• Language: JavaScript
• Homepage: https://myplaces.alexpds.com/
• Size: 1.52 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# ReactPlaces - Udacity FEND React App by Alex Parra

PWA developed by Alex Parra with React.js for Udacity Frontend Developer Nanodegree.  

## Overview

React.js app that displays an interactive map with predefined markers.

## Demo

See https://myplaces.alexpds.com  

```

NOTE: The docs folder is used to serve the app via GitHub Pages

```

## How to run this app on your machine

- download or clone this repo

- install dependencies with `npm install`

- start development server with `npm start`

- App opens on http://localhost:3000

## Features

- Shows map centered and zoomed around markers obtained from places.json

- Custom zoom controls

- Side-pane with places list, searchable

- Place detail view with infos pulled from FOURSQUARE

## Dev Features

- Routing with React Router v4

- Fast mobile clicks with react-fastclick

- Loading animation for instant feedback

## Credits

This project was bootstrapped with [Create React App](https://github.com/facebookincubator/create-react-app).

It also relies on other third-party libraries/services:

- FastClick

- Lodash

- ReactRouter

- PropTypes

- Google Maps

- Foursquare API

## Copyright

Developed by Alex Parra between May and June of 2018.