Git Product home page Git Product logo

nexus2's Introduction

Danish Folklore Nexus React App

This is a getting started guide to run the EKT database viewer designed by Dr. Timothy Tangherlini (UCLA) and Pete Broadwell (UCLA). React Application was created by Daniel Huang (UCLA).

Getting Started

  1. Install node.js which comes with npm, a JS package manager.
  2. On terminal, run npm to check if node has been successfully installed
  3. Once installed, navigate to repository directory (i.e. C:/Users/[username]/Desktop/Nexus2) and run npm install
  4. After all packages have been installed, run application with npm start
  5. Once server is successfully running, open on browser at localhost:3000

Troubleshooting

  • If you are having fail to compile errors, it is likely that npm and node cannot compile ES6. Be sure they are set to npm 6.1.0v and node 8.9.4v

Running in Docker

  1. Navigate to repository directory root
  2. Build Docker image with nexus2 as the name of your image: docker build -t nexus2 .
  3. Bind app's 3000 port to localhost:8080 and run the app: docker run -p 8080:3000 nexus2
  4. Once server is successfully running, open on browser at localhost:8080

nexus2's People

Contributors

avearle avatar berosen avatar dependabot[bot] avatar dhuangg avatar neilallavarpu avatar shiv-io avatar

Stargazers

 avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

Forkers

shiv-io tango2

nexus2's Issues

renderPDF bug

1

When clicking on an element in the left hand side column (contents), the following error is displayed

screen shot 2018-06-03 at 3 56 57 pm

Timeline filter icons not displaying

when you turn on the timeline filter, the icons don't display. Most likely because the ontology of the items are defined because it's not being passed into the timeline filter correctly.

Book view feature

create/edit bookview to open the chapter that the user clicks on from the heading menu.

connection strings

Here are the connection strings for the tile services--same login info as before (I've put xxx in place of the password)--I'll work on getting a project specific login for the services so it doesn't have my personal account there:

low boards:
servicename=topo20_lave_maalebordsblade&client=arcGIS&request=GetCapabilities&service=WMS&version=1.1.1&login=tango1963&password=xxxxxxxxx&

high boards:
servicename=topo20_hoeje_maalebordsblade&client=arcGIS&request=GetCapabilities&service=WMS&version=1.1.1&login=tango1963&password=xxxxxxxxx&

prussian maps (these fill in southern Denmark on the high boards):
servicename=topo25_preussen_maalebordsblade&client=arcGIS&request=GetCapabilities&service=WMS&version=1.1.1&login=tango1963&password=xxxxxxxx&

Keyword clicks

In the story indices, text, annotations, etc. there are often keywords that are connected to other people, places, stories. We want to build a feature that allows users to see the connections.

Places aren't showing up on home tab

When places are selected on the home tab, the map isn't displaying all of the places.

This is probably happening because I screwed up on merging ben-branch with master :(

screen shot 2018-06-12 at 9 51 28 am

Place edges

When a user opens a place view, add all the edges associated with the place

Opacity slider

Incorporate an opacity slider to adjust opacity for historical map tiles

Person edges

When a user clicks on a person view, the network graph should generate all the edges associated with that person.

Fieldtrip Links

Each person, place, and story should be associated with a list of fieldtrips. we need to figure out where to put this feature/how it looks/what should happen when you click on it.

  • Brainstorm/Plan feature
  • Code design
  • Build
  • User test
  • Deploy

First User Experience/Need Help

Someone else designed a first user experience for the app to help people learn to use the app the first time they go onto it.

Here's the mockup

  • Code design: writing out the code in pseudo-code so we can figure out bugs before we code them
  • Build: actually coding out the feature
  • User testing: looking for bugs tbh
  • Deployment: merge feature with master branch

Set Default Map

Right now, the MapView loads through all of the maps until the Prussian Map which is pretty limited in what it displays. Maybe it'd be better to set a default map that would display all of Denmark?

What the map looks like after loading everything

screen shot 2018-06-12 at 10 51 51 am

update layer rendering

Only have the Low boards layer render, others will only render if selected. Help speed up map viewing process.

QuotaExceededError in Safari

So far this has only occurred in safari. Firefox/chrome work fine.

In the home tab, when clicking elements on the navigation column on the left hand side, the following bug is displayed
screen shot 2018-06-03 at 3 29 41 pm

Query by chapter

Using React Reader, query epub file by chapter, so people can navigate to different sections of the book.

may also need to redesign the whole code base for this...sigh.

MapView not displaying all of the places

For some reason only PlaceView is displaying places on the MapView. I'm not sure what's different about the places object being passed into MapView.

People View - Places passed to MapView

screen shot 2018-06-12 at 10 42 52 am

Place View - Places passed into MapView

screen shot 2018-06-12 at 10 43 10 am

Person View - Places passed into MapView

screen shot 2018-06-12 at 10 46 56 am

Set zoom limit based on layer tile

Right now you can zoom in/out as much as you want. But some maps only display limited area (i.e. Prussian map layer) or the map can't render a higher zoom level. I think would be helpful to have zoom limits based on the map layer's capability.

Add occupation to person info

The person's description currently includes date of birth/death/ other info. we need to add the person's occupation onto the person description based on this chart

screen shot 2018-06-03 at 4 52 35 pm

Data editor/uploader

come up with ideas/designs for how to update and upload data for the ETK database managers.

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.