https://github.com/goldenraphti/oslo_beaches_map-react-webapp-final_project
Oslo Best Summers Beaches - Final project for Udacity Frint End Web Developement
https://github.com/goldenraphti/oslo_beaches_map-react-webapp-final_project
googlemaps-api react
Last synced: about 1 year ago
JSON representation
Oslo Best Summers Beaches - Final project for Udacity Frint End Web Developement
- Host: GitHub
- URL: https://github.com/goldenraphti/oslo_beaches_map-react-webapp-final_project
- Owner: goldenraphti
- Created: 2018-07-15T11:52:40.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2018-08-17T09:55:27.000Z (over 7 years ago)
- Last Synced: 2025-01-10T01:29:50.242Z (about 1 year ago)
- Topics: googlemaps-api, react
- Language: JavaScript
- Homepage:
- Size: 645 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
frontend-nanodegree-arcade-game
===============================
## Table of Contents
* [Instructions for the users](#instructions-for-the-users)
* [Loading the app](#loading-the-app)
* [Technical Instructions for Developers](#technical-instructions-for-developers)
* [Credits](#credits)
## Instructions for the users
Oslo Best Summer Beaches
The goal of this web-app is to present the best summer beaches of Oslo.
You can display or hide the beaches list by clicking the hamburger menu in the top right corner.
You can select each beach individually, clicking on their name in the list. If you click a beach name, only its marker will remain displayed.
You can re-display all beaches markers by clicking on the "show all beaches" link in the sidebar.
Credits page is linked at the bottom of the sidebar.
## Loading the app
This app can be loaded by starting the server
+ Open a terminal in the root folder
+ type 'npm install' and then 'npm start'
+ go to 'localhost:3000' in your browser
You will need an internet connection, at least at first, to be able to get the google maps tiles and foursquare photos
## Technical Instructions for Developers
The master branch is production ready, but the features are still kept very simple.
Next features to be added include:
+ More beaches
+ Participative way to suggest new beaches
+ More infos about the beaches (Bysykkel cuty bikes, weather forecast, water quality, presence of lifeguards or not, level of danger of the water, etc)
## Credits
This web-app was built for Udacity, and coded by Raphaël Ferrand from scratch, for the Google Scholarship - Front End Web Development Nanodegree of Udacity.
Thanks to Google Maps API, Foursquare API, Foursquare users for their photos, and Snazzy-maps for their google maps styles.
To see all credits check out the credits page in the web-app.