Code Monkey home page Code Monkey logo

nav-e

This project aims to provide a reference implementation for a nav-e front end. It makes use of the different react elements created for nav-e.

Screenshot

TL;DR

  • Clone nav-e and routing
  • npm install and npm start for this repo
  • go get && go run main.go for routing
  • Chose Hector-Otto to Parc Princesse Antoinette from suggestions -> GET ROUTE
  • Contribute 😉

Getting Started

Prerequisites

Install the latest version of Node.js and npm

sudo apt install nodejs npm

# optional:
# we recommend to set a symlink from nodejs to node
# if you get a command not found error
#
# sudo ln -s /usr/bin/nodejs /usr/bin/node

npm --version
3.10.8
node --version
v7.0.0

In some distributions Node.js and npm are a little bit outdated, but don't panik 😉
you can use npm itself to update Node.js and npm to the latest versions.

sudo npm install -g npm
sudo npm install -g n

sudo n stable
# or
# sudo n latest

Get an API Key from the Google API Console

Location search and autocomplete is provided by Google Map's Javascript Library.

Step 1: Follow instructions on Google's Developer Documentation to register a project and get an unrestricted API key.

Step 2: Replace placeholder string in config.js with your generated API key.

Setup

git clone https://github.com/nav-e/nav-e.git
cd nav-e
npm install

❗ Don't forget the back-end

git clone https://github.com/nav-e/routing.git
cd routing
go get
go run main.go

To show a route, you have to pick a suggestion. Hector-Otto to Parc Princesse Antoinette is one example.

Run

npm start

The web interface is now accessible at http://localhost:3000/ by default, see your terminal for details.

Docker Setup

Docker allows packaging an application with all of its dependencies into a container.

git clone https://github.com/Greennav/GreenNav.git
cd GreenNav

Build

We will start by building a Docker image for the application (Dockerfile contains the command-line instructions).

docker build -t greennav-web-interface .
Run

Finally we run the image as a container, making the web interface available at http://localhost:3000/.

docker run -d --rm -p 3000:3000 --name greennav-web-interface greennav-web-interface:latest

Development

Git Workflow

  • Please fork the repository
  • Clone the webapp repository from your github account
git clone https://github.com/$(GITHUB_USER)/GreenNav.git
  • Create a new feature branch
cd GreenNav
git checkout -b your-feature
  • Make local changes and implement your feature
  • Push your branch to GitHub
  • Open a pull request

Code Quality

Please use eslint before contributing to the project. Consider using an editor-plugin like linter-eslint for Atom, ESLint for VS Code...

Available Scripts

In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

npm run build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

nav-e (Former name: Green Navigation)'s Projects

docker icon docker

Docker environment for GreenNav

machine-learning icon machine-learning

A research repository for source code that implements machine learning methods to solve tasks related to navigation within the Greennav project

nav-e icon nav-e

The navigation repository containing all submodules and stuff for custom builds

nav-e.github.io icon nav-e.github.io

Green Navigation is a prototypic system to compute energy-optimal routes and to predict the crusing range of electric vehicles. This repository contains the frontend and visualization tool for accessing the routing service. The aim of the project is both to provide users with optimal routes for electric vehicles and to provide researches with tools for evaluating their algorithms.

routing icon routing

Routing server for nav-e, written in Go

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.