Michigan Ski Trail Tracker Simulator

##Live Link: https://lakshaykarnwal.github.io/Ski-tracking-simulation/

Overview

The Michigan Ski Trail Tracker Simulator is an interactive web application that visualizes ski trails in Michigan using ArcGIS for JavaScript. It allows users to explore Michigan's ski trails, view detailed information about selected trails, and simulates movement along the longest trail.

Data Source

The ski trail data used in this application is provided by the Michigan Department of Natural Resources. You can find the original dataset here: Michigan DNR Designated Ski Trails

We are grateful to the Michigan Department of Natural Resources for making this data publicly available.

Features

1. Interactive Map

Explore Michigan's ski trails with a dynamic, zoomable map interface.

2. Trail Information

Click on any trail to view detailed information in a pop-up box.

3. Simulated Movement

Watch as the app animates movement along the longest trail in Michigan.

Screen.Recording.2024-10-10.at.5.34.46.PM.mov

4. Re-center Button

Quickly focus the map on the current simulated position.

5. Responsive Design

Enjoy a seamless experience on various screen sizes.

Tech Stack

• Vue.js
• ArcGIS for JavaScript
• Cypress (for testing)
• Docker (for containerization)

Prerequisites

• Node.js (v14 or later)
• npm (comes with Node.js)
• Docker (for containerization)

Setup and Installation

Local Development

1. Clone the repository:

   git clone https://github.com/your-username/michigan-ski-trail-tracker.git
   cd michigan-ski-trail-tracker
   

2. Install dependencies:

   npm install
   

3. Run the development server:

   npm run serve
   

4. Open your browser and navigate to http://localhost:8080

Running Tests

To run the Cypress tests:

npm run test

Building for Production

To create a production build:

npm run build

Docker Deployment

1. Build the Docker image:

   docker build -t michigan-ski-trail-tracker .
   

2. Run the Docker container:

   docker run -p 8081:8081 michigan-ski-trail-tracker
   

3. Access the application at http://localhost:8081

Project Structure

• src/components/ArcGISMap.vue: Main component containing the map and trail visualization logic
• cypress/integration/ArcGISMap.spec.js: Cypress test file for the ArcGISMap component
• Dockerfile: Configuration for Docker containerization

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

License

This project is licensed under the MIT License - see the LICENSE.md file for details.