google / paseos Goto Github PK

Paseos is a web app for creating and sharing web journeys.

License: Apache License 2.0

JavaScript 76.35% Shell 3.88% HTML 19.77%

paseos's Introduction

This is not an officially supported Google product.

Paseos

Paseos is a web app for creating and sharing web journeys. A web journey consists of one or more destinations on the web with some accompanying travel notes.

You create a journey by listing a set of URLs to visit and adding notes to show along the way.

Setup

To setup this project:

Install node.js.
Run npm install.

Running

The project can be hosted locally by executing npm start.

Test

To execute tests run npm test.

Deployment

This project may be deployed to Google App Engine by running deploy.sh.

Configure Firebase database

The project uses a local IndexedDB database by default. If you would like to use a Firebase database instead then add a firebase-config.json file at the root. You may use the template at firebase-config.template.json.

paseos's People

Contributors

Stargazers

Watchers

Forkers

diegowilson yaroschiffelers daenecompass prashant047 geekyahmed neotim muskanmahajan37 crelytics isabella232 youssefkafa ghas-results

paseos's Issues

Validate that title and descriptions are not empty when creating a new journey

Priority Support

@sheshank-2903 is using Mintycode to fund this issue.
If you would like to accept bounty for solving this issue join Mintycode.
Thank you in advance for helping.

Destination removal and reorder when creating a new Journey

The journey creation needs these basic list editing tools.

Direct access to each destination

Sometimes you need to skip several steps or go back to the beginning. It would be very useful to have a way to jump directly to a destination along a journey.

Make google analytics configurable

The project has a private Google analytics tag which may cause problems for devs trying out the project. It should probably be an optional configuration.

Add markdown support

I believe there are some out-of-the-box web elements that could be added for displaying the description of each destination.

Put notification text on page as notification not as visible on all platforms

On Mac, the notification is showing up as a little slider on top right of screen for just a little bit.

Thought it might be useful to include the text of the notification on the page that raised the notification. So then its visible at all times.

HTML Page Title of the paseos start page should be the name/title of the first slide?

This would make it such that if I had multiple journeys I could search for them more easily in the Chrome URL box.

Add URL validation when creating a new journey

Each destination in a journey should be a valid URL

Notification missing when you reach the end of the journey

If you reach the end of the journey via the travel notes window, you don't get a notification as expected.

Local set up issues

Hello,

I had a few issues getting the project working locally. I made a few adjustment to get it working. Mostly, my own Firebase configuration issues, but I thought this may save someone else a bit of time. Otherwise, cool project. I'm interested to see where it goes.

The first issue I had was my Firebase project didn't have the proper authorized domain open. I went to Firebase Console > Authentication > Authorized Domains, and add a domain of "127.0.0.1".

The second issue I had was, the app couldn't connect because it was looking for a sign in provider for Firebase. I went to Firebase Console > Authentication > Sign-in Providers, and changed the sign-in provider to Anonymous. I also removed the lines of code below.

paseos/src/firebase-adapter.js

Lines 24 to 30 in 0bc450d

 const provider = new firebase.auth.GoogleAuthProvider(); 

 firebase.auth().onAuthStateChanged(function(user) { 

 if (user) { 

 } else { 

 firebase.auth().signInWithRedirect(provider); 

 } 

 });

My last issue, was the script tags for gtag.js in the main index.html file. Which I removed.

paseos/index.html

Lines 19 to 27 in 0bc450d

 <!-- Global site tag (gtag.js) - Google Analytics --> 

 <script async src="https://www.googletagmanager.com/gtag/js?id=UA-101075522-2"></script> 

 <script> 

 window.dataLayer = window.dataLayer || []; 

 function gtag(){dataLayer.push(arguments);} 

 gtag('js', new Date()); 

 gtag('config', 'UA-101075522-2'); 

 </script>

All the best,

Private journeys?

Some people may want to have journeys that are only viewable by the creator.

	const provider = new firebase.auth.GoogleAuthProvider();
	firebase.auth().onAuthStateChanged(function(user) {
	if (user) {
	} else {
	firebase.auth().signInWithRedirect(provider);
	}
	});

	<!-- Global site tag (gtag.js) - Google Analytics -->
	<script async src="https://www.googletagmanager.com/gtag/js?id=UA-101075522-2"></script>
	<script>
	window.dataLayer = window.dataLayer \|\| [];
	function gtag(){dataLayer.push(arguments);}
	gtag('js', new Date());

	gtag('config', 'UA-101075522-2');
	</script>