10 | )
11 | };
12 | }
13 |
--------------------------------------------------------------------------------
/config/test.config.js:
--------------------------------------------------------------------------------
1 | const SECRETS = require('./secrets.json'); // nodejs will auto read json
2 |
3 | module.exports = {
4 | NODE_ENV: process.env.NODE_ENV || 'test',
5 | HOST: process.env.HOST || 'http://localhost',
6 | PORT: process.env.PORT || 8081,
7 | DB_URL: SECRETS.mongodb_test.db_url,
8 | GOOGLE_API_KEY: SECRETS.google_maps.api_key,
9 | JWT_KEY: SECRETS.jwt.key,
10 | };
11 |
--------------------------------------------------------------------------------
/models/search-history.js:
--------------------------------------------------------------------------------
1 | const mongoose = require('mongoose');
2 |
3 | const Schema = mongoose.Schema;
4 | const searchHistorySchema = new Schema({
5 | query: { type: String, required: true },
6 | save_date: { type: Date, default: Date.now },
7 | user: { type: Schema.Types.ObjectId, ref: 'User' },
8 | });
9 |
10 | module.exports = mongoose.model('SearchHistory', searchHistorySchema);
11 |
--------------------------------------------------------------------------------
/config/dev.config.js:
--------------------------------------------------------------------------------
1 | const SECRETS = require('./secrets.json'); // nodejs will auto read json
2 |
3 | module.exports = {
4 | NODE_ENV: process.env.NODE_ENV || 'development',
5 | HOST: process.env.HOST || 'http://localhost',
6 | PORT: process.env.PORT || 8081,
7 | DB_URL: SECRETS.mongodb_dev.db_url,
8 | GOOGLE_API_KEY: SECRETS.google_maps.api_key,
9 | JWT_KEY: SECRETS.jwt.key,
10 | };
11 |
--------------------------------------------------------------------------------
/client/src/components/Logo/index.js:
--------------------------------------------------------------------------------
1 | import {h, Component} from 'preact';
2 | import style from './style';
3 |
4 | const { APP_NAME } = require('../../../config');
5 |
6 | export default class Logo extends Component {
7 | render(){
8 | return (
9 |
10 |
11 |
Welcome!
12 |
13 | );
14 | }
15 | }
16 |
17 |
--------------------------------------------------------------------------------
/client/src/routes/signout/index.js:
--------------------------------------------------------------------------------
1 | import { h, Component } from 'preact';
2 | import { logout } from "../../js/validate-account-form";
3 | import Home from '../home';
4 |
5 | export default class SignOut extends Component {
6 | componentWillMount() {
7 | logout();
8 | }
9 |
10 | render() {
11 | window.history.pushState({url: '/'}, 'Home', '/');
12 | return (
)
13 | }
14 | }
15 |
16 |
--------------------------------------------------------------------------------
/client/README.md:
--------------------------------------------------------------------------------
1 | # {{ name }}
2 |
3 | ## CLI Commands
4 |
5 | ``` bash
6 | # install dependencies
7 | npm install
8 |
9 | # serve with hot reload at localhost:8080
10 | npm run dev
11 |
12 | # build for production with minification
13 | npm run build
14 |
15 | # test the production build locally
16 | npm run serve
17 | ```
18 |
19 | For detailed explanation on how things work, checkout the [CLI Readme](https://github.com/developit/preact-cli/blob/master/README.md).
--------------------------------------------------------------------------------
/PULL_REQUEST_TEMPLATE.md:
--------------------------------------------------------------------------------
1 | ## Issue Number:
2 |
3 | ## Issue Description:
4 |
5 |
6 | ### Summary of solution:
7 | 1.
8 | 2.
9 | 3.
10 |
11 | ### Can this issue be closed?
12 |
13 | ### Should any new issues be added as a result of this solution?
14 |
15 | ### Have you named your branch in a descriptive way? Remember to name your branch in a unique and descriptive manner in order to properly reflect the issue or feature.
16 |
17 | ### Thanks for contributing!
18 |
--------------------------------------------------------------------------------
/client/src/components/SavedPinsCard/style.css:
--------------------------------------------------------------------------------
1 | .savedPinsCard {
2 | border-radius: 3px;
3 | border-width: 2px;
4 | border-style: groove;
5 | margin-bottom: 10px;
6 | padding-left: 5px;
7 | }
8 |
9 | #savedPinsCardTitle {
10 | display: block;
11 | font-size: 1em;
12 | font-weight: bold;
13 | text-align: center;
14 | color: purple;
15 | margin: 0 auto;
16 | }
17 |
18 | .savedPinsContainer{
19 | text-align: center;
20 | }
21 |
22 |
--------------------------------------------------------------------------------
/client/src/components/SearchHistoryCard/style.css:
--------------------------------------------------------------------------------
1 | .searchHistoryCard {
2 | border-radius: 3px;
3 | border-width: 2px;
4 | border-style: groove;
5 | margin-bottom: 10px;
6 | padding-left: 5px;
7 | }
8 |
9 | #searchHistoryCardTitle {
10 | display: block;
11 | font-size: 1em;
12 | font-weight: bold;
13 | text-align: center;
14 | color: purple;
15 | margin: 0 auto;
16 | }
17 |
18 | .searchHistoriesContainer{
19 | text-align: center;
20 | }
21 |
22 |
--------------------------------------------------------------------------------
/ISSUE_TEMPLATE.md:
--------------------------------------------------------------------------------
1 | Do you want to request a feature or report a bug?
2 |
3 | If this is a feature request, what is motivation or use case for changing the behavior?
4 |
5 | If the current behavior is a bug, please provide the steps to reproduce.
6 |
7 | What is the expected behavior?
8 |
9 | What is the current behavior?
10 |
11 | Please mention other relevant information.
12 |
13 | Node version
14 | npm version
15 | Operating system
16 | CLI version
17 | Browser
18 | Device
19 |
--------------------------------------------------------------------------------
/client/src/routes/profile/style.css:
--------------------------------------------------------------------------------
1 | .profile {
2 | padding: 5vh 5vw;
3 | width: 100%;
4 | }
5 |
6 | .successMessage{
7 | text-align: center;
8 | font-weight: bold;
9 | padding: 5px;
10 | }
11 |
12 | .link {
13 | padding: 5px;
14 | }
15 |
16 | .link a {
17 | text-decoration: none;
18 | }
19 |
20 | .links_container{
21 | text-align: center;
22 | }
23 |
24 | form {
25 | text-align: center;
26 | margin-bottom: 2vh;
27 | }
28 |
29 | fieldset {
30 | border-radius: 3px;
31 | }
32 |
--------------------------------------------------------------------------------
/client/src/routes/settings/index.js:
--------------------------------------------------------------------------------
1 | import { h, Component } from 'preact';
2 | import style from './style';
3 | import AccountForm from "../../components/AccountForm";
4 |
5 |
6 | export default class Settings extends Component {
7 |
8 | render() {
9 | return (
10 |
14 | );
15 | }
16 | }
17 |
18 |
--------------------------------------------------------------------------------
/client/src/routes/maps/index.js:
--------------------------------------------------------------------------------
1 | import { h, Component } from "preact";
2 | import style from "./style";
3 | import MapContainer from '../../components/LeafletOsmMap';
4 |
5 | export default class MapExplorer extends Component {
6 | render() {
7 | return (
8 |
9 |
12 | );
13 | }
14 | }
15 |
--------------------------------------------------------------------------------
/models/saved-pins.js:
--------------------------------------------------------------------------------
1 | const mongoose = require('mongoose');
2 |
3 | const savedPinsSchema = new mongoose.Schema({
4 | lat: {
5 | type: Number, min: -90, max: 90, required: true,
6 | },
7 | lng: {
8 | type: Number, min: -180, max: 180, required: true,
9 | },
10 | place_id: { type: String, default: '' },
11 | desc: { type: String, default: '' },
12 | save_date: { type: Date, default: Date.now },
13 | user: { type: mongoose.Schema.Types.ObjectId, ref: 'User' },
14 | });
15 |
16 | module.exports = mongoose.model('SavedPins', savedPinsSchema);
17 |
--------------------------------------------------------------------------------
/client/src/assets/icons/favicon-package/site.webmanifest:
--------------------------------------------------------------------------------
1 | {
2 | "name": "Navi",
3 | "short_name": "Navi",
4 | "icons": [
5 | {
6 | "src": "/android-chrome-192x192.png",
7 | "sizes": "192x192",
8 | "type": "image/png"
9 | },
10 | {
11 | "src": "/android-chrome-256x256.png",
12 | "sizes": "256x256",
13 | "type": "image/png"
14 | }
15 | ],
16 | "theme_color": "#29c0d1",
17 | "background_color": "#F7FFF7",
18 | "display": "standalone"
19 | }
20 |
--------------------------------------------------------------------------------
/tests/apiRoutes.js:
--------------------------------------------------------------------------------
1 | // api routes tests
2 | // const request = require('supertest');
3 |
4 | // const app = require('../app');
5 |
6 | // describe('API Routes', function() {
7 | // describe('GET /api/users/current', function() {
8 | // it('does not send a user if not logged in', async (done) => {
9 | // try {
10 | // const res = await request(app)
11 | // .get('/api/users/current')
12 | // .expect(401);
13 | // expect(res).to.be.an('object').notify(done);
14 | // } catch (error) {
15 | // throw error;
16 | // }
17 | // });
18 | // });
19 | // });
20 |
--------------------------------------------------------------------------------
/client/jest.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | "moduleNameMapper": {
3 | "^react-dom/server$": "/node_modules/preact-render-to-string/dist/index.js",
4 | "^react-addons-test-utils$": "/node_modules/preact-test-utils/lib/index.js",
5 | "^react$": "/node_modules/preact-compat-enzyme/lib/index.js",
6 | "^react-dom$": "/node_modules/preact-compat-enzyme/lib/index.js"
7 | },
8 | "transform": {".*": "/node_modules/jest-css-modules"},
9 | "setupFiles": [require.resolve('regenerator-runtime/runtime')],
10 | "snapshotSerializers": [ "preact-render-spy/snapshot" ]
11 | }
--------------------------------------------------------------------------------
/client/src/assets/icons/leaflet/SVG/DestinationPin.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
12 |
13 |
14 |
17 |
18 |
--------------------------------------------------------------------------------
/client/src/index.js:
--------------------------------------------------------------------------------
1 | import './style';
2 | import App from './components/app';
3 |
4 | /**
5 | * Register service worker anytime the main app component runs
6 | */
7 | if ('serviceWorker' in navigator) {
8 | // register only when window load event fires to minimize performance on mobile devices
9 | window.addEventListener('load', function() {
10 | navigator.serviceWorker.register('/sw.js').then(function(registration) {
11 | // Registration was successful
12 | console.log('ServiceWorker registration successful with scope: ', registration.scope);
13 | }, function(err) {
14 | // registration failed :(
15 | console.log('ServiceWorker registration failed: ', err);
16 | });
17 | });
18 | }
19 |
20 | export default App;
21 |
--------------------------------------------------------------------------------
/models/saved-directions.js:
--------------------------------------------------------------------------------
1 | const mongoose = require('mongoose');
2 |
3 | const Schema = mongoose.Schema;
4 | const savedDirectionsSchema = new Schema({
5 | origin: { type: Schema.Types.Mixed, required: true },
6 | destination: { type: Schema.Types.Mixed, required: true },
7 | waypoints: { type: [Schema.Types.Mixed], required: true }, // array of {lat, lng} waypoints
8 | // routes: { type: [Schema.Types.Mixed], required: true },
9 | directions: { type: [String], required: true}, // string/html turn directions for waypoints
10 | save_date: { type: Date, default: Date.now },
11 | user: { type: Schema.Types.ObjectId, ref: 'User' },
12 | label: { type: String }, // use provided label
13 | });
14 |
15 | module.exports = mongoose.model('SavedDirections', savedDirectionsSchema);
16 |
--------------------------------------------------------------------------------
/routes/map.js:
--------------------------------------------------------------------------------
1 | const express = require('express');
2 |
3 | const router = express.Router();
4 |
5 | // require controller modules
6 | const googleApiController = require('../controllers/google-api-controller');
7 |
8 | /**
9 | * TODO - hook up url route end points to constroller functions
10 | */
11 |
12 | // temporary hook to confirm base routing is working
13 | router.get('/', (req, res) => {
14 | res.status(404).send({
15 | success: false,
16 | error: 'Not a valid end point!',
17 | });
18 | });
19 |
20 | router.get('/geolocation', googleApiController.getGeolocation);
21 | router.post('/staticmap', googleApiController.getStaticMap);
22 | router.post('/directions', googleApiController.directions);
23 | router.post('/geocode', googleApiController.geocode);
24 |
25 | module.exports = router;
26 |
--------------------------------------------------------------------------------
/client/src/components/ForgotPasswordForm/style.css:
--------------------------------------------------------------------------------
1 | .forgot-password-form {
2 | width: inherit;
3 | height: inherit;
4 | margin-top: 15vh;
5 | }
6 |
7 | .forgot-password-form > h2 {
8 | margin: auto;
9 | text-align: center;
10 | }
11 |
12 | .forgot-password-form > p {
13 | padding: 3vw;
14 | text-align: center;
15 | font-size: 1.1em;
16 | }
17 |
18 | .form {
19 | display: grid;
20 | padding: 0 5vh;
21 | align-content: flex-start;
22 | }
23 |
24 | .formChild {
25 | display: block;
26 | margin: 2vh auto;
27 | width: 100%;
28 | padding: 3vw;
29 | border-color: lightslategray;
30 | border-radius: 8px;
31 | font-size: 1.2em;
32 | }
33 |
34 | .register {
35 | display: block;
36 | position: fixed;
37 | bottom: 5vh;
38 | }
39 |
40 | .register > p {
41 | text-align: center;
42 | }
43 |
44 |
--------------------------------------------------------------------------------
/client/src/js/utilities.js:
--------------------------------------------------------------------------------
1 | import {h, Component} from "preact";
2 | import {makeRequest} from "./server-requests-utils";
3 |
4 | function createButton(label, cssClass, container,id) {
5 | var btn = L.DomUtil.create('button', cssClass, container);
6 | btn.setAttribute('type', 'button');
7 | btn.setAttribute('id',id);
8 | btn.innerHTML = label;
9 | return btn;
10 | }
11 |
12 |
13 | function createLabel(label, cssClass, container) {
14 | var displayLabel = L.DomUtil.create('div',cssClass, container);
15 | displayLabel.innerHTML = label;
16 | return displayLabel;
17 | }
18 |
19 | function createInput(input, cssClass, container) {
20 | var input = L.DomUtil.create('input', cssClass, container);
21 | input.setAttribute('type', 'input');
22 | input.setAttribute('placeholder', 'Enter Description');
23 | return input;
24 | }
25 |
26 | //Export Statements
27 | export {createLabel, createButton, createInput};
28 |
--------------------------------------------------------------------------------
/client/src/assets/icons/leaflet/SVG/ProfileIcon.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
12 |
13 |
14 |
15 |
18 |
20 |
21 |
--------------------------------------------------------------------------------
/client/src/components/ForgotPasswordForm/index.js:
--------------------------------------------------------------------------------
1 | import {h, Component} from 'preact';
2 | import {Link} from 'preact-router/match';
3 | import PropTypes from 'prop-types';
4 | import style from './style';
5 |
6 | export default class ForgotPasswordForm extends Component {
7 | render() {
8 | return (
9 | );
19 | }
20 | }
21 |
22 | ForgotPasswordForm.propTypes = {
23 | appName: PropTypes.string
24 | }
25 |
--------------------------------------------------------------------------------
/client/src/routes/signin/index.js:
--------------------------------------------------------------------------------
1 | import { h, Component } from 'preact';
2 | import style from './style';
3 | import PropTypes from 'prop-types';
4 | import SigninForm from '../../components/signinForm';
5 | import ForgotPasswordForm from '../../components/ForgotPasswordForm';
6 | import ResetPasswordForm from '../../components/ResetPasswordForm';
7 |
8 |
9 | export default class Signin extends Component {
10 |
11 | render() {
12 | let renderedForm;
13 | if(this.props.path == '/forgot-password') {
14 | renderedForm = (
15 |
28 |
29 | {renderedForm}
30 |
31 |
2 |
3 |
21 |
22 |
23 |
25 |
28 |
29 |
30 |
--------------------------------------------------------------------------------
/client/src/assets/icons/leaflet/SVG/FoundLocationSpot.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
22 |
23 |
24 |
25 |
26 |
29 |
31 |
32 |
33 |
--------------------------------------------------------------------------------
/client/src/components/Nav/style.css:
--------------------------------------------------------------------------------
1 | .nav {
2 | width: 100%;
3 | display: block;
4 | /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#28c0d1+0,10416c+100 */
5 | background: #28c0d1; /* Old browsers */
6 | background: -moz-linear-gradient(-45deg, #28c0d1 0%, #10416c 100%); /* FF3.6-15 */
7 | background: -webkit-linear-gradient(-45deg, #28c0d1 0%,#10416c 100%); /* Chrome10-25,Safari5.1-6 */
8 | background: linear-gradient(135deg, #28c0d1 0%,#10416c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
9 | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#28c0d1', endColorstr='#10416c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
10 | }
11 |
12 | .profileIcon {
13 |
14 | height: inherit;
15 | position: fixed;
16 | right: 0px;
17 | width: 40px;
18 | margin: 0 10px;
19 | }
20 |
21 | .homeIcon {
22 |
23 | height: inherit;
24 | width: 40px;
25 | margin: 0 10px;
26 | }
27 |
28 | @media only screen and (min-width: 800px) {
29 |
30 | }
--------------------------------------------------------------------------------
/client/src/components/Nav/index.js:
--------------------------------------------------------------------------------
1 | import {h, Component} from 'preact';
2 | import { route } from 'preact-router';
3 | import style from './style.css';
4 |
5 | export default class Nav extends Component {
6 | constructor(props) {
7 | super(props);
8 |
9 | this.routeToHome = this.routeToHome.bind(this);
10 | this.routeToProfile = this.routeToProfile.bind(this);
11 | }
12 |
13 | routeToHome() {
14 | route('/', true);
15 | };
16 |
17 | routeToProfile() {
18 | route('/profile', true);
19 | };
20 |
21 | render() {
22 | const styles = {
23 | height: this.props.navHeight,
24 | }
25 | return (
26 |
27 |
29 |
31 |
2 |
3 |
12 |
13 |
14 |
15 |
18 |
21 |
22 |
--------------------------------------------------------------------------------
/client/src/assets/icons/leaflet/SVG/NaviHomeIcon.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
12 |
13 |
17 |
18 |
19 |
23 |
24 |
--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
1 | MIT License
2 |
3 | Copyright (c) 2018 Bryan Sharpley
4 |
5 | Permission is hereby granted, free of charge, to any person obtaining a copy
6 | of this software and associated documentation files (the "Software"), to deal
7 | in the Software without restriction, including without limitation the rights
8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 |
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 |
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 |
--------------------------------------------------------------------------------
/client/src/routes/home/style.css:
--------------------------------------------------------------------------------
1 | .home {
2 | width: 100%;
3 | display: block;
4 | }
5 |
6 | .welcome {
7 | padding-top: 3vh;
8 | display: inherit;
9 | }
10 |
11 | .welcome > h2 {
12 | text-align: center;
13 | margin: 3vh auto auto;
14 | letter-spacing:3px;
15 | }
16 |
17 | .welcome > img {
18 | display: inherit;
19 | margin: auto;
20 | width: 50vw;
21 | }
22 |
23 | .search {
24 | padding-top: 5vh;
25 | display: inherit;
26 | }
27 |
28 | .search > p {
29 | text-align: center;
30 | font-size: 1.2em;
31 | }
32 |
33 | .search > form {
34 | position: static;
35 | }
36 |
37 | .mapLink {
38 | color: #087E8B;
39 | text-decoration:none;
40 | font-size:15px;
41 | font-family:'Open Sans', arial, sans-serif;
42 | }
43 |
44 | .pin {
45 | width: 38px;
46 | height: 38px;
47 | }
48 | .myLocation{
49 | position: absolute;
50 | bottom: 25px;
51 | right: 0px;
52 | height: 30px;
53 | width: 150px;
54 | }
55 | @media only screen and (min-width: 800px){
56 | .welcome > img {
57 | width: 20vw;
58 | }
59 | .search{
60 | width: 35vw;
61 | margin: 0 auto;
62 | }
63 | .search input{
64 | width: 100%;
65 | }
66 |
67 |
68 | }
69 |
--------------------------------------------------------------------------------
/client/src/assets/icons/favicon-package/safari-pinned-tab.svg:
--------------------------------------------------------------------------------
1 |
2 |
4 |
7 |
8 | Created by potrace 1.11, written by Peter Selinger 2001-2013
9 |
10 |
12 |
21 |
22 |
--------------------------------------------------------------------------------
/client/src/assets/icons/leaflet/SVG/ChangeDirectionsIcon.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
12 |
13 |
14 |
17 |
18 |
--------------------------------------------------------------------------------
/client/src/routes/account/index.js:
--------------------------------------------------------------------------------
1 | import { h, Component } from 'preact';
2 | import style from './style';
3 | import PropTypes from 'prop-types';
4 | import AccountForm from '../../components/AccountForm';
5 | import ForgotPasswordForm from '../../components/ForgotPasswordForm';
6 | import { BASE_ENDPOINTS } from "../../js/server-requests-utils";
7 |
8 |
9 |
10 | export default class Account extends Component {
11 |
12 | render() {
13 | let renderedForm;
14 | if(this.props.path == '/forgot-password') {
15 | renderedForm = (
16 |
21 | )
22 | }else if(this.props.path == '/reset-password'){
23 | renderedForm = (
24 |
25 | )
26 | }else{
27 | renderedForm = (
28 |
29 | )
30 | }
31 |
32 | const styles = {
33 | height: this.props.paneHeight
34 | }
35 |
36 | return (
37 |
38 | {renderedForm}
39 |
40 | );
41 | }
42 | }
43 |
44 | Account.propTypes = {
45 | appName: PropTypes.string,
46 | }
47 |
--------------------------------------------------------------------------------
/color-scheme.md:
--------------------------------------------------------------------------------
1 | # Color Palettes
2 |
3 | Here's a couple color palettes we could potentially use for the app. Let me know what you all think. I'll add the Adobe Color CC links as well so you have easier access to the values.
4 |
5 | I placed the primary colors in the center. With neutrals on the right and a contrasting color on the left.
6 |
7 | I wanted to use a green or blue since there are connections to adventure and nature with using a map.
8 |
9 | Green Theme Values:
10 |
11 | | |RGB |HEX |
12 | |--------------|------------------|-------|
13 | |Primary |rgb(59, 138, 59) |#3B8A3B|
14 | |Primary Light |rgb(112, 156, 96) |#709C60|
15 | |Primary Accent|rgb(255, 250, 204)|#FFFACC|
16 | |Light |rgb(240, 235, 240)|#F0EBF0|
17 | |Dark |rgb(41, 36, 41) |#292429|
18 |
19 | Blue Theme Values:
20 |
21 | | |RGB |HEX |
22 | |--------------|------------------|-------|
23 | |Primary |rgb(44, 91, 97) |#2C5B61|
24 | |Primary Light |rgb(90, 152, 161) |#5A98A1|
25 | |Primary Accent|rgb(255, 252, 222)|#FFFCDE|
26 | |Light |rgb(240, 235, 240)|#F0EBF0|
27 | |Dark |rgb(41, 36, 41) |#292429|
28 |
29 |
30 |
31 |
34 |
35 |
30 |
31 |
34 |
35 |
23 |
24 |
{success}
25 |
32 |
33 |
34 |
39 |
38 | {this.props.predictions.map((prediction, index) => {
39 | return this.handleClick(e, prediction)} >
40 |
{this.props.descSubfields[index].mainText}
41 |
{this.props.descSubfields[index].secondaryText}
42 |
45 | )
46 | }
47 | }
48 |
--------------------------------------------------------------------------------
/docs/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 | Navi: An open source project built for Grow with Google
4 |
5 |
6 |
7 | < and here is how you can get [set up](README.md) with the code base
12 |
13 | ## Beginners
14 | This project has a special section for those who are just starting out on their open source journey. Check it out [here](beginners.html) and open issues for any changes
15 |
16 | ## Learning Resources
17 | This is where the team captures lessons learned, best practices and "gotchas" that may be of help to others - check it [out](learning.html)
18 |
19 | ## API and other Documentation
20 | You will find more detailed documentation here including all the APIs used, associated instructions and end points
21 |
22 | ## Meet the team
23 | Here are the [people](https://github.com/TheDevPath/Navi/graphs/contributors) behind this project.
24 |
25 | Special thanks to all the woderful [contributors](CONTRIBUTORS.html).
26 |
27 | 
28 | ]]>
29 | {search.query}
);
26 | });
27 | if(histories.length == 0) histories.push(No saved searches
);
28 | this.setState({histories: histories});
29 | }
30 |
31 | getSearchHistory() {
32 | makeRequest('GET', BASE_ENDPOINTS.savedHistory)
33 | .then(function (response) {
34 | this.displayHistory(response.data.searchHistory);
35 | }.bind(this))
36 | .catch(function (error) {
37 | if (error.response === undefined) {
38 | this.setState({searchHistory: error});
39 | } else {
40 | this.setState({searchHistory: error.response.data});
41 | }
42 | }.bind(this));
43 | }
44 |
45 | render({}, {user, histories}) {
46 |
47 |
48 | return (
49 |
50 |
51 |
Search History
52 |
53 |
54 |
{histories}
55 |
56 |
2 |
3 |
20 |
21 |
23 |
24 |
25 |
27 |
28 |
31 |
32 |
35 |
36 |
37 |
38 |
--------------------------------------------------------------------------------
/client/src/components/SavedPinsCard/index.js:
--------------------------------------------------------------------------------
1 | import { h, Component } from 'preact';
2 | import style from './style';
3 | import { makeRequest, token } from "../../js/server-requests-utils";
4 | import { BASE_ENDPOINTS } from "../../js/server-requests-utils";
5 |
6 | export default class SavedPinsCard extends Component {
7 | constructor() {
8 | super();
9 | this.state = {
10 | user: {},
11 | savedPins: [],
12 | };
13 | this.getSavedPins = this.getSavedPins.bind(this);
14 | this.displayPins = this.displayPins.bind(this);
15 | this.handleClick = this.handleClick.bind(this);
16 | }
17 |
18 | componentWillMount() {
19 | this.setState({ user: this.props.user });
20 | this.getSavedPins();
21 | }
22 |
23 | handleClick(pin) {
24 | this.props.setSelectedPin(pin);
25 | };
26 |
27 | displayPins(savedPins) {
28 | let pins = [];
29 | savedPins.map(pin => {
30 | pins.push();
31 | });
32 | if (pins.length == 0) pins.push(No saved pins
);
33 | this.setState({ pins: pins });
34 | }
35 |
36 | getSavedPins() {
37 | makeRequest('GET', BASE_ENDPOINTS.savedPins)
38 | .then(function (response) {
39 | this.displayPins(response.data.savedPins);
40 | }.bind(this))
41 | .catch(function (error) {
42 | if (error.response === undefined) {
43 | this.setState({ savedPins: error });
44 | } else {
45 | this.setState({ savedPins: error.response.data });
46 | }
47 | }.bind(this));
48 | }
49 |
50 | render({ }, { user, pins }) {
51 |
52 |
53 | return (
54 |
55 |
56 |
Saved Pins
57 |
58 |
59 |
{pins}
60 |
61 |
Navi: An open source project built for Grow with Google
4 |
5 |
6 |
7 | <![CDATA[
8 | ## <img alt="Leaflet" style="width:200px;" src="http://leafletjs.com/docs/images/logo.png">
9 | ### Features
10 | - Tile and popup fade animation
11 | - Very nice default design for markers, popups and map controls
12 | - Retina resolution support
13 | - Customization Features
14 | - Performance Features
15 | - Map Controls
16 | - Browser Support
17 | - Mobile
18 | - Lightweight
19 | - No external dependencies
20 |
21 | ### Usage
22 |
23 | #### For this project
24 | This project is using leaflet.js in combination with Open Street Maps to create maps and to drop markers on the map
25 |
26 | #### General usage
27 | Map is the central class of the API — it is used to create a map on a page and manipulate it.
28 |
29 | Usage example
30 |
31 |
32 |
33 | // initialize the map on the "map" div with a given center and zoom
34 |
35 | var map = L.map('map', {
36 |
37 | center: [51.505, -0.09], zoom: 13
38 |
39 | });
40 |
41 | Factory |Description|
42 | ---------------- | ---------------- |
43 | `L.map(<String> id, <Map options> options?)` | Instantiates a map object given the DOM ID of a <div> element and optionally an object literal with Map options.|
44 | `L.map(<HTMLElement> el, <Map options> options?)` | Instantiates a map object given an instance of a <div> HTML element and optionally an object literal with Map options [*(more)*](http://leafletjs.com/reference-1.3.0.html)|
45 |
46 |
47 | ### Resources
48 | - [Leaflet quick start](http://leafletjs.com/examples/quick-start/)
49 | - [Leaflet on Mobile](http://leafletjs.com/examples/mobile/)
50 | - [Markers with custom icons](http://leafletjs.com/examples/custom-icons/)
51 | ]]>
52 |
76 |
77 |
WELCOME TO
78 |
79 |
80 |
81 |
Where can we take you today?
82 |
84 |
86 |
{this.state.busyMessage || ''}
87 |
88 |
93 |
59 |
60 |
61 |
64 |
76 |
${placeDetail.name || ''} ${placeDetail.formatted_address}`)
72 | } else {
73 | this.props.updateSearchResult(placeDetail);
74 | route('/maps', true);
75 | }
76 | }
77 |
78 | render() {
79 | // pass props to children components
80 | const childWithProps = this.props.children.map((child) => {
81 | return cloneElement(child, {
82 | predictions: this.state.predictions,
83 | descSubfields: this.state.descSubfields,
84 | onClicked: this.handleSelectedPlace
85 | });
86 | });
87 |
88 | return (
89 |
94 | );
95 | }
96 | }
97 |
--------------------------------------------------------------------------------
/CODE_OF_CONDUCT.md:
--------------------------------------------------------------------------------
1 | # Contributor Covenant Code of Conduct
2 |
3 | ## Our Pledge
4 |
5 | In the interest of fostering an open and welcoming environment, we as contributors and maintainers pledge to making participation in our project and our community a harassment-free experience for everyone, regardless of age, body size, disability, ethnicity, gender identity and expression, level of experience, nationality, personal appearance, race, religion, or sexual identity and orientation.
6 |
7 | ## Our Standards
8 |
9 | Examples of behavior that contributes to creating a positive environment include:
10 |
11 | * Using welcoming and inclusive language
12 | * Being respectful of differing viewpoints and experiences
13 | * Gracefully accepting constructive criticism
14 | * Focusing on what is best for the community
15 | * Showing empathy towards other community members
16 |
17 | Examples of unacceptable behavior by participants include:
18 |
19 | * The use of sexualized language or imagery and unwelcome sexual attention or advances
20 | * Trolling, insulting/derogatory comments, and personal or political attacks
21 | * Public or private harassment
22 | * Publishing others' private information, such as a physical or electronic address, without explicit permission
23 | * Other conduct which could reasonably be considered inappropriate in a professional setting
24 |
25 | ## Our Responsibilities
26 |
27 | Project maintainers are responsible for clarifying the standards of acceptable behavior and are expected to take appropriate and fair corrective action in response to any instances of unacceptable behavior.
28 |
29 | Project maintainers have the right and responsibility to remove, edit, or reject comments, commits, code, wiki edits, issues, and other contributions that are not aligned to this Code of Conduct, or to ban temporarily or permanently any contributor for other behaviors that they deem inappropriate, threatening, offensive, or harmful.
30 |
31 | ## Scope
32 |
33 | This Code of Conduct applies both within project spaces and in public spaces when an individual is representing the project or its community. Examples of representing a project or community include using an official project e-mail address, posting via an official social media account, or acting as an appointed representative at an online or offline event. Representation of a project may be further defined and clarified by project maintainers.
34 |
35 | ## Enforcement
36 |
37 | Instances of abusive, harassing, or otherwise unacceptable behavior may be reported by contacting the project team at motosharpley@gmail.com. The project team will review and investigate all complaints, and will respond in a way that it deems appropriate to the circumstances. The project team is obligated to maintain confidentiality with regard to the reporter of an incident. Further details of specific enforcement policies may be posted separately.
38 |
39 | Project maintainers who do not follow or enforce the Code of Conduct in good faith may face temporary or permanent repercussions as determined by other members of the project's leadership.
40 |
41 | ## Attribution
42 |
43 | This Code of Conduct is adapted from the [Contributor Covenant][homepage], version 1.4, available at [http://contributor-covenant.org/version/1/4][version]
44 |
45 | [homepage]: http://contributor-covenant.org
46 | [version]: http://contributor-covenant.org/version/1/4/
47 |
--------------------------------------------------------------------------------
/controllers/search-history-controller.js:
--------------------------------------------------------------------------------
1 | const SearchHistory = require('../models/search-history');
2 |
3 | /**
4 | * @description Handles request for user search history
5 | *
6 | * @api {GET} /search/history
7 | * @apiSuccess 200 {SearchHistory} The collection of saved search queries.
8 | * @apiError 500 {server error} Problem finding all saved search queries.
9 | */
10 | exports.getSearchHistory = (appReq, appRes) => {
11 | SearchHistory.find({ user: appReq.userId }).then((searchHistory) => {
12 | appRes.status(200).send({ searchHistory });
13 | }, (e) => {
14 | appRes.status(500).send(e);
15 | });
16 | };
17 |
18 | /**
19 | * @description Handle request for getting a specified number of recently
20 | * saved queries
21 | *
22 | * @api {GET} /search/history/recent/:num
23 | * @apiSuccess 200 {searchHistory} The requested recent num search queries.
24 | * @apiError 500 {server error} Server error
25 | * @apiError 404 {request error} Invalid req.params.num
26 | *
27 | * @param {String} appReq.params.num - Number of most recent saved queries to return.
28 | */
29 | exports.getRecent = (appReq, appRes) => {
30 | const num = parseInt(appReq.params.num);
31 | if (isNaN(num)) {
32 | return appRes.status(404).send({
33 | error: 'Invalid params passed.',
34 | param: appReq.params.num,
35 | parsedInt: num
36 | });
37 | }
38 |
39 | SearchHistory.find({ user: appReq.userId })
40 | .sort({save_date: 'desc'})
41 | .then((result) => {
42 | const searchHistory = result.slice(0, num);
43 | appRes.send({ searchHistory });
44 | }, (err) => {
45 | appRes.status(500).send(err);
46 | });
47 | };
48 |
49 | /**
50 | * @description Handles request to save a search query if not already in db
51 | *
52 | * @api {POST} /search/history/:query
53 | * @apiSuccess 200 {searchHistory} The document representing the saved query.
54 | * @apiError 500 {server error} Problem saving the requested pin.
55 | *
56 | * @param {string} appReq.params.query - the string query to save
57 | */
58 | exports.saveQuery = (appReq, appRes) => {
59 | const saveQuery = {
60 | query: appReq.params.query,
61 | user: appReq.userId
62 | }
63 |
64 | const update = {
65 | lastModified: true,
66 | $currentDate : {
67 | save_date: {$type: 'date'},
68 | },
69 | }
70 |
71 | const options = {
72 | new: true, // return modified doc instead of original
73 | upsert: true, // create if doesn't exist
74 |
75 | }
76 |
77 | SearchHistory.findOneAndUpdate(saveQuery, update, options,
78 | (err, searchHistory) => {
79 | if (err) {
80 | return appRes.status(500).send(err);
81 | }
82 |
83 | return appRes.status(200).send({searchHistory});
84 | });
85 | };
86 |
87 | /**
88 | * @description Handles request to delete all saved search history
89 | *
90 | * @api {DELETE} /search/history
91 | * @apiSuccess 200 {success} Sucessfully deleted all search history data
92 | * @apiError 500 {server error}
93 | */
94 | exports.deleteSearchHistory = (appReq, appRes) => {
95 | SearchHistory.remove({ user: appReq.userId }).then(() => {
96 | appRes.status(200).send({ success: true });
97 | }).catch((err) => {
98 | appRes.status(500).send({
99 | error: err,
100 | success: false,
101 | });
102 | });
103 | };
104 |
--------------------------------------------------------------------------------
/client/src/routes/directions/index.js:
--------------------------------------------------------------------------------
1 | import { h, Component } from "preact";
2 | import style from "./style";
3 | import MapPane from '../../components/LeafletOsmMap/MapPane';
4 |
5 | /**
6 | * Leaflet related imports: leaflet, pouchdb module, and routing machine module
7 | */
8 | import '../../../node_modules/leaflet/dist/leaflet.css';
9 | import '../../../node_modules/leaflet-routing-machine/dist/leaflet-routing-machine.css';
10 | import L from '../../js/leaflet-tileLayer-pouchdb-cached';
11 | import Routing from '../../../node_modules/leaflet-routing-machine/src/index.js';
12 |
13 | /**
14 | * TIle layer configuration and attribution constants
15 | */
16 | const OSM_URL = 'http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png';
17 | const OSM_ATTRIB = '© OpenStreetMap contributors';
18 | const OSM_TILE_LAYER = new L.TileLayer(OSM_URL, {
19 | attribution: OSM_ATTRIB,
20 | useCache: true,
21 | crossOrigin: true,
22 | });
23 |
24 | // redirect marker icon path to assets directory
25 | L.Icon.Default.imagePath = '../../assets/icons/leaflet/';
26 |
27 | export default class Directions extends Component {
28 | constructor(props) {
29 | super(props);
30 | this.state = {
31 | // map: null,
32 | // lat: null,
33 | // lng: null,
34 | // watchID: null,
35 | airport: {
36 | lat: 38.8512462,
37 | lng: -77.0424202,
38 | address: 'Ronald Reagan Washington National Airport, Arlington, VA 22202',
39 | },
40 | whiteHouse: {
41 | address: '1600 Pennsylvania Ave NW, Washington, DC 20500',
42 | lat: 38.8976094,
43 | lng: -77.0389236,
44 | }
45 | }
46 | // this.initMap = this.initMap.bind(this);
47 | }
48 |
49 | componentDidMount() {
50 | const map = L.map('map');
51 | map.addLayer(OSM_TILE_LAYER);
52 |
53 | const control = Routing.control({
54 | waypoints: [
55 | L.latLng(this.state.whiteHouse.lat,
56 | this.state.whiteHouse.lng),
57 | L.latLng(this.state.airport.lat,
58 | this.state.airport.lng),
59 | ],
60 | routeWhileDragging: true,
61 | }).addTo(map);
62 |
63 | map.on('click', function(event) {
64 | const container = L.DomUtil.create('div');
65 | const startBtn = createButton('Start Here', container);
66 | const destBtn = createButton('End Here', container);
67 |
68 | L.popup()
69 | .setContent(container)
70 | .setLatLng(event.latlng)
71 | .openOn(map);
72 |
73 | L.DomEvent.on(startBtn, 'click', function() {
74 | control.spliceWaypoints(0, 1, event.latlng);
75 | map.closePopup();
76 | });
77 |
78 | L.DomEvent.on(destBtn, 'click', function() {
79 | control.spliceWaypoints(control.getWaypoints().length - 1, 1, event.latlng);
80 | map.closePopup();
81 | });
82 | });
83 | }
84 |
85 | render() {
86 | return (
87 |
88 |
90 | );
91 | }
92 | }
93 |
94 | function createButton(label, container) {
95 | const btn = L.DomUtil.create('button', '', container);
96 | btn.setAttribute('type', 'button');
97 | btn.innerHTML = label;
98 | return btn;
99 | }
100 |
--------------------------------------------------------------------------------
/client/src/assets/icons/leaflet/SVG/whiteLogo.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
16 |
17 |
21 |
22 |
34 |
--------------------------------------------------------------------------------
/client/src/assets/icons/leaflet/SVG/darkLogo.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
16 |
17 |
21 |
22 |
23 |
28 |
32 |
37 |
38 |
--------------------------------------------------------------------------------
/docs/learning.html:
--------------------------------------------------------------------------------
1 |
2 |
3 | Navi: An open source project built for Grow with Google
4 |
5 |
6 |
7 | <
13 | - [Switching to Preact](https://preactjs.com/guide/switching-to-preact)
14 | - [Preact and progressive web apps](https://preactjs.com/guide/progressive-web-apps)
15 | - [Sample code via repls in Preact](https://preactjs.com/repl)
16 | - [Preact on Github](https://github.com/developit/preact)
17 |
18 | ### Node <img style="width:100px;" src="https://upload.wikimedia.org/wikipedia/commons/d/d9/Node.js_logo.svg">
19 |
20 | Node.js is an open-source, cross-platform JavaScript run-time environment for executing JavaScript code server-side
21 |
22 | - [Node learning resources](https://github.com/vioan/nodejs-learning-resources)
23 | - [Node resources - Medium article](https://medium.com/@cabot_solutions/15-top-resources-for-node-js-developers-2029ab30cfa4)
24 |
25 | #### Express <img style="width:200px;" src="https://paulund.co.uk/app/uploads/2016/11/express-js.jpg">
26 | - [Serving static files in Express](https://expressjs.com/en/starter/static-files.html)
27 | - [How to deploy a Node app in express using Cloud9](https://medium.com/the-n00b-code-chronicles/how-to-deploy-a-node-js-web-app-using-express-in-cloud9-91e73910293f)
28 | - [Getting started - Express](https://expressjs.com/en/starter/installing.html)
29 |
30 | ### Leaflet <img style="width:200px;" src="http://leafletjs.com/docs/images/logo.png">
31 | - [Leaflet](http://leafletjs.com/) is an open-source JavaScript library for mobile-friendly interactive maps. It is light at just 38kb
32 | - Layers Out of the Box
33 | - Interaction Features
34 | - Visual Features
35 | - Zoom and pan animation
36 | - [more](leaflet.html)
37 |
38 | ## Concepts
39 | ### Service workers
40 | - [Web fundamentals code lab](https://developers.google.com/web/fundamentals/codelabs/) Progressive Web Apps, Service Workers, Simple Offline Web App and Others
41 | - [PWA case studies](https://developers.google.com/web/showcase/tags/progressive-web-apps)
42 | - [A Beginner's Guide To Progressive Web Apps](https://www.smashingmagazine.com/2016/08/a-beginners-guide-to-progressive-web-apps/) - with sample code Smashing Magazine
43 | - [Fetch API](https://developers.google.com/web/updates/2015/03/introduction-to-fetch)
44 | - [Fetch API - MDN](https://developer.mozilla.org/en-US/docs/Web/API/FetchEvent)
45 |
46 |
47 | ### ES6
48 | - [Template literals (from Google Web Fundamentals)](https://developers.google.com/web/updates/2015/01/ES6-Template-Strings)
49 | - [Understanding ES6](https://leanpub.com/understandinges6/read) (an online book by Nicholas Zakas. Covers block bindings, destructuring, Symbols, Sets and Maps, Iterators and Generators, JavaScript Classes,Improved Array Capabilities, Promises, Proxies and the Reflection API, and Encapsulating Code with Modules)
50 | - [Three great free books](http://exploringjs.com/) (one is O'Reilly animal Safari book series) on Javascript, and ES6 and ES7
51 | - [https://javascript.info](https://javascript.info)
52 | ]]>
53 | Google Offline Navigator: An open source project built for Grow with Google
4 |
5 | < so far :
9 |
10 | <p class="txt-cntr">.</p> | <p class="txt-cntr">N</p> | <p class="txt-cntr">A</p>| <p class="txt-cntr">V</p>| <p class="txt-cntr">I</p> | <p class="txt-cntr">.</p>
11 | ---------------- | ---------------- | ----------------- |---------------- | ----------------- | ----------------
12 | <p class="txt-cntr"><br> [Bryan](https://github.com/motosharpley)</p> | <p class="txt-cntr"><br> [John Kwening](https://github.com/jkwening)</p> | <p class="txt-cntr"><br> [Travis](https://github.com/mallek)</p> | <p class="txt-cntr"><br> [tanyagupta](https://github.com/tanyagupta)</p> | <p class="txt-cntr"><br> [Sameer Khan](https://github.com/sameerkhan116)</p> | <p class="txt-cntr"><br> [Christopher Gates](https://github.com/tophergates)</p>
13 | <p class="txt-cntr"><br> [desdemonhu](https://github.com/desdemonhu)</p> | <br><p class="txt-cntr"> [Vignesh](https://github.com/vettyvignesh)</p> |<p class="txt-cntr"> <br> [Stephen Chavez](https://github.com/redragonx)</p> | <p class="txt-cntr"><br> [Khusbu Chandra](https://github.com/khusbuchandra)</p> | <br><p class="txt-cntr">[Eddie](https://github.com/seckboy)</p> | <p class="txt-cntr"><br> [Ricky](https://github.com/ricky-rose)</p>
14 | <p class="txt-cntr"><br> [Alice Palazzolo](https://github.com/alicepalazzolo)</p> | <p class="txt-cntr"><br> [Emily Sperry](https://github.com/sperrye)</p> | <p class="txt-cntr"><br> [Peter Matthews](https://github.com/pjdmatts)</p> | <p class="txt-cntr">><br> [Owen](https://github.com/othomas1984)</p> | <p class="txt-cntr"><br> [Scott Westover](https://github.com/scottwestover)</p> | <p class="txt-cntr"><br> [Ben Reckas](https://github.com/benreckas)<p/>
15 | <p class="txt-cntr"><br> [Evan](https://github.com/CodeDraken)</p> | <p class="txt-cntr"><br> [Mebin Robin](https://github.com/mebin)</p> | <p class="txt-cntr"><br> [Minh](https://github.com/Minh-B-Dang)</p> | <p class="txt-cntr"><br> [Sonali Shukla](https://github.com/sonalikatara)</p> | |
16 |
17 | ### If you would like to join this list.
18 |
19 | We're currently looking for contributions for the following:
20 |
21 | - [ ] Bug fixes
22 | - [ ] Translations
23 | - [ ] etc...
24 |
25 | For more information, please refer to our [CONTRIBUTING](CONTRIBUTING.md) guide.
26 |
27 | 
28 | ]]>
29 | ', () => {
48 |
49 | const wrapper = shallow();
50 |
51 | describe('page loads', () => {
52 |
53 | it('has 4 inputs', async () => {
54 | const testProps = setup({
55 | testPropsOverrides: {
56 | wrapper,
57 | }
58 | });
59 |
60 | const inputs = testProps.wrapper.find('input');
61 | expect(inputs.length).toBe(4);
62 | });
63 | });
64 |
65 | describe('validateAccountForm returns true status and message', () => {
66 |
67 | it('routes to /profile', async () => {
68 | const testProps = setup({
69 | testPropsOverrides: {
70 | validation_status: true,
71 | wrapper,
72 | }
73 | });
74 |
75 | await Promise.all([testProps.wrapper.find('form').at(0).simulate('submit',{ preventDefault () {} })]);
76 | expect(testProps.route_url).toBe('/profile');
77 | expect(testProps.route_replace).toBe(true);
78 | });
79 |
80 | });
81 |
82 | describe('validateAccountForm returns false status and message', () => {
83 |
84 | it('warns message', async () => {
85 | const testProps = setup({
86 | testPropsOverrides: {
87 | validation_status: false,
88 | validation_message: VALIDATION_MESSAGE,
89 | wrapper,
90 | }
91 | });
92 |
93 | await Promise.all([testProps.wrapper.find('form').at(0).simulate('submit',{ preventDefault () {} })]);
94 | expect(testProps.alert_message).toBe(VALIDATION_MESSAGE);
95 | });
96 |
97 | });
98 |
99 | describe('validateAccountForm rejects instead of resolves', () => {
100 |
101 | it('warns message', async () => {
102 | const testProps = setup({
103 | testPropsOverrides: {
104 | resolve_validation: false,
105 | validation_message: VALIDATION_MESSAGE,
106 | wrapper,
107 | }
108 | });
109 |
110 | await Promise.all([testProps.wrapper.find('form').at(0).simulate('submit',{ preventDefault () {} })]);
111 | expect(testProps.alert_message).toBe(VALIDATION_MESSAGE);
112 | });
113 |
114 | });
115 |
116 | });
117 |
118 |
119 | describe('', () => {
120 |
121 | const wrapper = shallow();
122 |
123 | describe('page loads', () => {
124 |
125 | it('has 2 inputs', async () => {
126 | const testProps = setup({
127 | testPropsOverrides: {
128 | wrapper,
129 | }
130 | });
131 |
132 | const inputs = testProps.wrapper.find('input');
133 | expect(inputs.length).toBe(2);
134 | });
135 | });
136 |
137 | });
138 |
139 | describe('', () => {
140 |
141 | const wrapper = shallow();
142 |
143 | describe('page loads', () => {
144 |
145 | it('has 5 inputs', async () => {
146 | const testProps = setup({
147 | testPropsOverrides: {
148 | wrapper,
149 | }
150 | });
151 |
152 | const inputs = testProps.wrapper.find('input');
153 | expect(inputs.length).toBe(5);
154 | });
155 | });
156 |
157 | describe('validateAccountForm returns true status and message', () => {
158 |
159 | it('warns message', async () => {
160 | const testProps = setup({
161 | testPropsOverrides: {
162 | validation_status: true,
163 | validation_message: VALIDATION_MESSAGE,
164 | wrapper,
165 | },
166 | });
167 |
168 | await Promise.all([testProps.wrapper.find('form').at(0).simulate('submit',{ preventDefault () {} })]);
169 | expect(testProps.alert_message).toBe(VALIDATION_MESSAGE);
170 | });
171 |
172 | });
173 |
174 | });
175 |
--------------------------------------------------------------------------------
/client/src/components/AccountForm/index.js:
--------------------------------------------------------------------------------
1 | import { h, Component, render } from 'preact';
2 | import style from './style.css';
3 | import { validateAccountForm, clearForms } from "../../js/validate-account-form";
4 | import { BASE_ENDPOINTS } from "../../js/server-requests-utils";
5 | import linkState from "linkstate";
6 | import { route } from 'preact-router';
7 |
8 | export default class AccountForm extends Component {
9 | constructor() {
10 | super();
11 |
12 | this.routeToRegister = this.routeToRegister.bind(this);
13 | this.handleSubmit = this.handleSubmit.bind(this);
14 | }
15 |
16 | handleSubmit = (event) => {
17 | event.preventDefault();
18 |
19 | const formData = {
20 | name: this.state.name,
21 | email: this.state.email,
22 | password: this.state.password,
23 | new_password: this.state.new_password,
24 | confirm_password: this.state.confirm_password,
25 | }
26 |
27 | const args = {
28 | path: this.props.path,
29 | formData,
30 | }
31 |
32 | validateAccountForm(args).then((response) => {
33 | console.log('validateAccountForm(): ', response);
34 | if (response.status) {
35 | if (this.props.path === BASE_ENDPOINTS.userReset) {
36 | alert(response.message);
37 | } else { // redirect to /profile with success for login/registration
38 | route(`/profile`, true);
39 | }
40 | } else {
41 | // TODO - alert failure to process
42 | alert(response.message);
43 | }
44 | }).catch(function (error) {
45 | // TODO - standardize API error output so we can handle cleanly
46 | // on frontend
47 | if (error.response) {
48 | alert(error.response.data);
49 | } else {
50 | alert(error);
51 | }
52 | });
53 | };
54 |
55 | componentWillUnmount = () => {
56 | clearForms();
57 | }
58 |
59 | routeToRegister() {
60 | route("/register", true);
61 | }
62 |
63 | render({ path },{ name, email, password, new_password, confirm_password }) {
64 |
65 | //DEFAULT TO LOGIN PATH
66 | let display =
67 | ;
86 |
87 | if(path === BASE_ENDPOINTS.userRegister){
88 | display =
89 |
90 |
101 |
;
102 | }
103 |
104 | if(path === BASE_ENDPOINTS.userReset){
105 | display =
106 | ;
126 | }
127 | return (
128 |
129 |
130 | {display}
131 |
/Navi
80 | ```
81 |
82 | 1. Add a new remote that points to the original project so you can sync project changes with your local copy:
83 |
84 | ```shell
85 | $ git remote add upstream https://github.com/TheDevPath/Navi
86 | ```
87 |
88 | 1. Pull upstream changes into your local repositories `development` branch:
89 |
90 | ```shell
91 | $ git checkout development
92 | $ git pull upstream development && git push origin development
93 | ```
94 |
95 | 1. Create a new branch from the `development` branch:
96 | 
97 |
98 | **IMPORTANT:** Make sure you are on the `development` branch first.
99 |
100 | ```shell
101 | $ git checkout -b
102 | ```
103 |
104 | 1. Make your contribution to the project code.
105 |
106 | 1. Write or adapt tests as needed.
107 |
108 | 1. Add or change documentation as needed.
109 |
110 | 1. After commiting changes, push your branch to your fork on Github, the remote `origin`:
111 |
112 | **IMPORTANT:** Your commit message should be in present tense and should describe what the commit, when applied, does to the code - not what you did to the code.
113 |
114 | ```shell
115 | $ git push -u origin
116 | ```
117 |
118 | 1. From your forked GitHub repository, open a pull request in the branch containing your contributions. Target the project's `development` branch for the pull request.
119 |
120 | 1. At this point, your contribution has been submitted for review. Please be patient while your contribution is being reviewed as this can take some time. Meanwhile, if there are questions or comments on your contribution, please respond and/or update with future commits.
121 |
122 | 1. Once the pull request is approved and merged, you can pull the changes from `upstream` to your local repository and delete your extra branch(es).
123 |
124 | 1. Don't forget to check out more [about] this project
125 |
126 | Happy contributing!
127 |
128 | [issues]: https://github.com/TheDevPath/Navi/issues
129 | [pull-requests]: https://github.com/TheDevPath/Navi/pulls
130 | [wiki]: https://thedevpath.github.io/Navi/
131 | [code-of-conduct]: ./CODE_OF_CONDUCT.md
132 | [about]: https://github.com/TheDevPath/Navi/blob/static-docs/README.md
133 |
--------------------------------------------------------------------------------
/docs/CONTRIBUTING.md:
--------------------------------------------------------------------------------
1 | # Contributions Welcome
2 |
3 | Thanks for your interest in contributing to **Navi**! Contributing to open source projects like this one can be a rewarding way to learn, teach, and build experience. Not only that, contributing is a great way to get involved with _social coding_. We are excited to see what amazing contributions you will make, as well as how your contributions will benefit others.
4 |
5 | If you are new to contributing to open source projects, the process can be intimidating. Not to worry! To help ensure both you and the community get the most out of your contributions, we've put together the following guidelines.
6 |
7 | ## Table of Contents
8 |
9 | 1. [Types of Contributions](#types-of-contributions)
10 | 1. [Ground Rules & Expectations](#ground-rules--expectations)
11 | 1. [How to Contribute](#how-to-contribute)
12 |
13 | ---
14 |
15 | ## Types of Contributions
16 |
17 | The common misconception about contributing to an open source project is that you need to contribute code. In fact, there are numerous ways you can directly contribute. To give you some ideas of how you can contribute, here are some examples of the types of contributions we are looking for:
18 |
19 | ### Developers can:
20 |
21 | * Take a look at the [open issues][issues] and find one you can tackle.
22 |
23 | * Locate and fix bugs.
24 |
25 | * Implement innovative and awesome new features.
26 |
27 | * Help to improve tooling and testing.
28 |
29 | ### Organizers and Planners can:
30 |
31 | * Link to duplicate issues, and suggest new issue labels, to help keep things organized.
32 |
33 | * Go through the [open issues][issues] and suggest closing old ones.
34 |
35 | * Ask clarifying questions on recently opened issues to move the discussion forward.
36 |
37 | * Help to organize meetups about the project.
38 |
39 | ### Writers can:
40 |
41 | * Help to fix or improve the project's documentation.
42 |
43 | * Contribute to the project's [Wiki][wiki].
44 |
45 | ### Designers can:
46 |
47 | * Design wire frames, mock-ups, graphical assets, and logos.
48 |
49 | * Put together a style guide to help the project have a consistent visual design.
50 |
51 | ### Supporters can:
52 |
53 | * Answer questions for people on open issues, or about the project in general.
54 |
55 | * Help to moderate discussion boards or conversation channels.
56 |
57 | ## Ground Rules & Expectations
58 |
59 | Since the project is constantly being updated with contributions of all sorts, it is important to establish ground rules and as well as expectations. This helps to ensure the best possible experience for users of the Offline Google Maps Navigator application, as well as encourage a positive, helpful, and lively community of active contributors just like you!
60 |
61 | Please make sure you read our [code of conduct][code-of-conduct] prior to contributing.
62 |
63 | ## How to Contribute
64 |
65 | If you'd like to contribute, a good place to start is by searching through the [issues][issues] and [pull requests][pull-requests] to see if someone else had a similar idea or question.
66 |
67 | If you don't see your idea listed, and you think it fits into the goals of the project, you should:
68 |
69 | * **Minor Contribution _(e.g., typo fix)_:** Open a pull request
70 | * **Major Contribution _(e.g., new feature)_:** Start by opening an issue first. That way, other people can weigh in on the discussion and planning before you do any work.
71 |
72 | To start making a contribution:
73 |
74 | 1. `fork` the project repository by clicking the **fork** button on GitHub.
75 |
76 | 1. `clone` your forked repository (_noob tip: the actual command you type in is everything after the $_):
77 |
78 | ```shell
79 | $ git clone https://github.com//Navi
80 | ```
81 |
82 | 1. Add a new remote that points to the original project so you can sync project changes with your local copy:
83 |
84 | ```shell
85 | $ git remote add upstream https://github.com/TheDevPath/Navi
86 | ```
87 |
88 | 1. Pull upstream changes into your local repositories `development` branch:
89 |
90 | ```shell
91 | $ git checkout development
92 | $ git pull upstream development && git push origin development
93 | ```
94 |
95 | 1. Create a new branch from the `development` branch:
96 | 
97 |
98 | **IMPORTANT:** Make sure you are on the `development` branch first.
99 |
100 | ```shell
101 | $ git checkout -b
102 | ```
103 |
104 | 1. Make your contribution to the project code.
105 |
106 | 1. Write or adapt tests as needed.
107 |
108 | 1. Add or change documentation as needed.
109 |
110 | 1. After commiting changes, push your branch to your fork on Github, the remote `origin`:
111 |
112 | **IMPORTANT:** Your commit message should be in present tense and should describe what the commit, when applied, does to the code - not what you did to the code.
113 |
114 | ```shell
115 | $ git push -u origin
116 | ```
117 |
118 | 1. From your forked GitHub repository, open a pull request in the branch containing your contributions. Target the project's `development` branch for the pull request.
119 |
120 | 1. At this point, your contribution has been submitted for review. Please be patient while your contribution is being reviewed as this can take some time. Meanwhile, if there are questions or comments on your contribution, please respond and/or update with future commits.
121 |
122 | 1. Once the pull request is approved and merged, you can pull the changes from `upstream` to your local repository and delete your extra branch(es).
123 |
124 | 1. Don't forget to check out more [about] this project
125 |
126 | Happy contributing!
127 |
128 | [issues]: https://github.com/TheDevPath/Navi/issues
129 | [pull-requests]: https://github.com/TheDevPath/Navi/pulls
130 | [wiki]: https://thedevpath.github.io/Navi/
131 | [code-of-conduct]: ./CODE_OF_CONDUCT.md
132 | [about]: https://github.com/TheDevPath/Navi/blob/static-docs/README.md
133 |
--------------------------------------------------------------------------------
/tests/users-test.js:
--------------------------------------------------------------------------------
1 | // api routes tests
2 | const request = require('supertest');
3 | const app = require('../app');
4 |
5 | const {
6 | users, populateUsers, deleteTestUser, stopServer,
7 | } = require('./seed/seed');
8 |
9 |
10 | beforeEach(populateUsers);
11 | afterEach(deleteTestUser);
12 | afterEach(stopServer);
13 |
14 | describe('/Users API Routes', () => {
15 | describe('GET /users/user', () => {
16 | it('does not send a user if not logged in', (done) => {
17 | request(app)
18 | .get('/users/user')
19 | .expect(401)
20 | .then(() => {
21 | done();
22 | })
23 | .catch((err) => {
24 | done(err);
25 | },
26 | );
27 | });
28 | it('Sends the requested user when they exist', (done) => {
29 | request(app)
30 | .get('/users/user')
31 | .set('x-access-token', users[0].tokens[0].token)
32 | .expect(200)
33 | .then((res) => {
34 | expect(res.body._id).to.equal(`${users[0]._id}`);
35 | done();
36 | })
37 | .catch((err) => {
38 | done(err);
39 | });
40 | });
41 | });
42 | // /register- POST
43 | // valid email, password, and doesn't exist already
44 |
45 | describe('POST users/register', () => {
46 | it('succesfully creates a new user', (done) => {
47 | request(app)
48 | .post('/users/register')
49 | .send({
50 | name: users[2].name,
51 | email: users[2].email,
52 | password: users[2].password,
53 | })
54 | .expect(200)
55 | .then((res) => {
56 | expect(res.body.auth).to.equal(true);
57 | done();
58 | })
59 | .catch((err) => {
60 | done(err);
61 | });
62 | });
63 |
64 | // valid email and password, but exists already
65 | it('Wont create a new user if email address already exists', (done) => {
66 | request(app)
67 | .post('/users/register')
68 | .send({
69 | name: users[0].name,
70 | email: users[0].email,
71 | password: users[0].password,
72 | })
73 | .expect(409)
74 | .then((res) => {
75 | expect(res.text).to.equal('Email already in use.');
76 | done();
77 | })
78 | .catch((err) => {
79 | done(err);
80 | });
81 | });
82 | // invalid email and try to create
83 | it('Wont create user with invalid email', (done) => {
84 | request(app)
85 | .post('/users/register')
86 | .send({
87 | name: users[2].name,
88 | email: 'badtestemail',
89 | password: 'passcode',
90 | })
91 | .expect(400)
92 | .then((res) => {
93 | expect(res.text).to.equal('Email is not of the valid format');
94 | done();
95 | })
96 | .catch((err) => {
97 | done(err);
98 | });
99 | });
100 | // invalid password and try to create
101 | it('Wont create user with invalid password', (done) => {
102 | request(app)
103 | .post('/users/register')
104 | .send({
105 | name: users[2].name,
106 | email: 'testing@test.com',
107 | password: '0',
108 | })
109 | .expect(400)
110 | .then((res) => {
111 | expect(res.text).to.equal('Password should have minimum length of 6 & it should have atleast one letter, one number, and one special character');
112 | done();
113 | })
114 | .catch((err) => {
115 | done(err);
116 | });
117 | });
118 | });
119 |
120 |
121 | // /login - POST
122 | // apiSuccess 200 { auth: true, token: token } jsonwebtoken.
123 | describe('POST /users/login', () => {
124 | it('Successfully logs the user in', (done) => {
125 | request(app)
126 | .post('/users/register')
127 | .send({
128 | name: users[2].name,
129 | email: users[2].email,
130 | password: users[2].password,
131 | }).then((res) => {
132 | request(app)
133 | .post('/users/login')
134 | .set('x-access-token', res.body.token)
135 | .send({
136 | name: users[2].name,
137 | email: users[2].email,
138 | password: users[2].password,
139 | })
140 | .expect(200)
141 | .then((finalRes) => {
142 | expect(finalRes.body.auth).to.equal(true);
143 | expect(finalRes.body.token).to.equal(res.body.token);
144 | done();
145 | })
146 | .catch((err) => {
147 | done(err);
148 | });
149 | });
150 | });
151 | // apiError 400 { request error } User not found.
152 | it('Should send 404 if user is not found', (done) => {
153 | request(app)
154 | .post('/users/login')
155 | .set('x-access-token', users[0].tokens[0].token)
156 | .send({
157 | email: 'gibberish@gmail.com',
158 | password: users[0].password,
159 | })
160 | .expect(404)
161 | .then((res) => {
162 | expect(res.text).to.equal('No user found.');
163 | done();
164 | })
165 | .catch((err) => {
166 | done(err);
167 | });
168 | });
169 | // apiError 401 { auth: false, token: null } Invalid password.
170 | it('Should send 401 if user has invalid password', (done) => {
171 | request(app)
172 | .post('/users/login')
173 | .set('x-access-token', users[0].tokens[0].token)
174 | .send({
175 | email: users[0].email,
176 | password: 'badpassword',
177 | })
178 | .expect(401)
179 | .then((res) => {
180 | expect(res.body.auth).to.equal(false);
181 | expect(res.body.token).to.equal(null);
182 | done();
183 | })
184 | .catch((err) => {
185 | done(err);
186 | });
187 | });
188 | });
189 |
190 | // /logout - GET
191 | describe('GET /users/logout', () => {
192 | // apiSuccess 200 { auth: false, token: null }
193 | it('Should send 200 if logout is successful', (done) => {
194 | request(app)
195 | .get('/users/logout')
196 | .set('x-access-token', users[0].tokens[0].token)
197 | .expect(200)
198 | .then((res) => {
199 | expect(res.body.auth).to.equal(false);
200 | expect(res.body.token).to.equal(null);
201 | done();
202 | })
203 | .catch((err) => {
204 | done(err);
205 | });
206 | });
207 | });
208 | });
209 |
--------------------------------------------------------------------------------
11 | 
29 | 
31 | 
31 | 
35 | 
79 | 
92 |