Code Monkey home page Code Monkey logo

nsea-geomapping's Introduction

NSEA-GeoMapping Project

Interactive map for the Nooksack Salmon Enhancement Association primary website.

Contributors

Zach Cooper | Github: CooperZA | ([email protected]) | Developer

Juniper Still | Github: stillj2 | ([email protected]) | Designer

Taichen Rose | Github: willsower | ([email protected]) | Developer

Email for questions about the project or the codebase

Application Setup

This application setup assumes you know the basics of using a bash terminal. Codeblocks below will be examples of what you would use in the terminal. If you don't know how to use a bash terminal, this guide will do it's best to make sure you have what you need.

Step 1: Download Node.js and Git to your computer

You can find this online.

Step 2: Login to the NSEA-Whatcom github.

You can find the Github credentials (login) in the documentation file that was sent to you.

Step 3: Invite yourself as Contributor or continue using NSEA account

When logged into NSEA-Whatcom github, you can either continue to work on this project on that account, or make yourself a contributor. If you wish to make yourself a contributor, invite your own github to this project. (You can find this under the Settings tag)

Step 4: Clone this github repository to your local machine.

git clone https://github.com/NSEA-Whatcom/NSEA-GeoMapping.git

Step 5: Need to download node_modules to some files.

Go into the app folder
cd app

Download node_modules
npm install

Go into app/client folder
cd client

Download node_moduels in that folder aswell
npm install

Step 6: Connect to MongoDB and add in your IP address

Go to MongoDB on google. Login to it using NSEA's credentials. (You can find these credentials in the documentation file that was sent to you.)

Once logged in, you'll be on a Clusters page. Look on the left navigation bar for "Network Access"

Click on the Green "Add IP Address" button, then add in your ID address. (They have a button that will automatically input your current IP address, so you don't have to manually type it in).

Step 7: Add your .env files

In your app file, create a file named .env
Paste in the 6 lines of code to this .env file. You can find the 6 lines of code in the documentation file that was sent to you.

In your app/client file, create a file named .env
Paste in the 2 lines of code to this .env file. You can find the 2 lines of code in the documentation file that was sent to you.

Step 8: Run the project

You will need to open up 2 seperate terminals for this. Open a terminal in your app folder, then open a file in your app/client folder.

In the app folder, run the command nodemon server
Note: If you get an error running the above command, try using npx nodemon instead. If both don't work, double check to see if you have nodemon downloaded.

In the app/client folder, run the command npm start
Note: If you get an error running the above command, delete the node_modules folder in app/client folder. Then reinstall them by typing in npm install, then do npm start command.

When both your terminals have accepted the command inputs. A lcoalhost webrowser will show up in your search browser with the map.

nsea-geomapping's People

Contributors

nsea-whatcom avatar

Stargazers

Taichen Rose avatar

Watchers

James Cloos avatar

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.