Giter VIP home page Giter VIP logo

chaos67731 / home-information Goto Github PK

View Code? Open in Web Editor NEW
3.0 2.0 1.0 14.83 MB

This is a web display that shows current weather, weather forecast, Google Calendar Events, Crypto Prices and random quotes. It is built on MiddleManApp, jQuery, SCSS, JavaScript, and basic HTML.

CSS 55.37% JavaScript 5.52% HTML 4.13% Ruby 1.17% SCSS 33.80%
google-calendar weather yahoo-weather-api crypto middlemanapp middleman countdown forecasts scss quotes

home-information's Introduction

Demo

https://chaos67731.github.io/Home-Information/

Usage

xcode-select --install

npm install

gem install middleman

bundle install

middleman server

Start Style SASS

npm run start

IF you have problems with "middleman server" try

bundle exec middleman server

Build

///// middleman middleman build middleman build --verbose

Use this one

bundle exec middleman build

Setting Up

Below are the steps to set up your weather and calendar.

Weather

Get longitude @ latitude

Google Calendar

Change Log

2.1.0

  • The move to MiddleManApp is done
  • Trying to make all of the settings in the \data\site.json

2.0.0

  • Moving away from React - A project like this does not need the headace of React
  • Moving to MiddleManApp

1.3.4

  • Removing old js/scss files

  • Updating jQuery from v2.1.4 to v3.2.1

    1.3.3

  • Update Calendar... Again..

    • Using https://github.com/MilanLund/FormatGoogleCalendar
    • Modified code a bit to better fit the needs of this project

    1.3.2

  • Calendar gets rebuilt every hour.

    • Not to happy with the way this is being done. but for now, it works (\js\custom.js:26)
  • Crypto was moved back to using jquery / removing fetch

  • Changed the countdown to X-Mas

1.3.1

  • Rebuild Calendar

    1.2.0

  • Rebuild Upcoming Forecasts Section

    • Remove the need for weather.js
    • Call and update Yahoo Weather API every 60 seconds

1.1.9

  • Rebuild Top Weather Section (CurrentWeather)
    • Remove the need for weather.js
    • Call and update Yahoo Weather API every 60 seconds

1.1.8

  • Rebuild Crypto sections

1.1.7

  • Removed unused images
  • Moved Google Calendar API and Weather setting to /app\public\settings.js
  • By default Weather is set to Las Vegas
  • By default Calendar is using dummy information

1.1.6

  • Cleaned up Quote List (Still needs to be better)
  • Removed calling for js files and made files jsx... Whatever the point to that is...

1.1.5

  • Moved Header to react
  • Moved footer countdown to react
  • Started using versions

1.0.0

  • Built this in HTML

Screenshot If You Want to See It

Alt text

home-information's People

Contributors

chaos67731 avatar jamesscalable avatar

Stargazers

 avatar  avatar  avatar

Watchers

 avatar  avatar

Forkers

huokedu

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.