LanceStasinski/wakeskate-web

wakeskate-web-2

Ember application that displays hourly and daily water skiing conditions.

Table of Contents

• Introduction
• Links
• Screenshot
• Highlights
• Prerequisites
• Installation
• Running / Development
• Code Generators
• Running Tests
• Linting
• Building
• Further Reading / Useful Links

Introduction

This application retrieves weather data for the location selected by the user and rates weather conditions for water skiing. I built this to help my family determine the best time and day to go water skiing in Maine, but I intend to expand the geographic scope in the future.

Links

• Github - https://github.com/LanceStasinski/Website-client
• Deployed - https://wakeskate.herokuapp.com/
• Server Source Code - https://github.com/LanceStasinski/wakeskate-server

Screenshot

Highlights

• SPA built with Ember
• App style and responsive design implemented with Tailwind CSS
• Location chosen using Google Maps API
• Weather data from the Open Weather Map API
• Location saved in local storage to reduce steps taken by the user upon reloading the app

Prerequisites

You will need the following things properly installed on your computer.

• Git
• Node.js (with npm)
• Ember CLI
• Google Chrome

Installation

• git clone <repository-url> this repository
• cd wakeskate-web-2
• npm install

Running / Development

• ember serve
• Visit your app at http://localhost:4200.
• Visit your tests at http://localhost:4200/tests.

Code Generators

Make use of the many generators for code, try ember help generate for more details

Running Tests

• ember test
• ember test --server

Linting

• npm run lint
• npm run lint:fix

Building

• ember build (development)
• ember build --environment production (production)

Further Reading / Useful Links

• ember.js
• ember-cli
• Development Browser Extensions
  • ember inspector for chrome
  • ember inspector for firefox
• Open Weather Map API
• Google Maps API