https://github.com/jfitzsimmons/visual-timer-react

Visual timer for tracking time estimates.
https://github.com/jfitzsimmons/visual-timer-react

dark-mode estimates firebase firebase-realtime-database pomodoro react timer tomorrow-io visual

Last synced: about 1 month ago
JSON representation

Visual timer for tracking time estimates.

• Host: GitHub
• URL: https://github.com/jfitzsimmons/visual-timer-react
• Owner: jfitzsimmons
• Created: 2020-09-21T20:07:32.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2023-07-19T10:58:19.000Z (over 1 year ago)
• Last Synced: 2024-10-31T11:42:05.393Z (3 months ago)
• Topics: dark-mode, estimates, firebase, firebase-realtime-database, pomodoro, react, timer, tomorrow-io, visual
• Language: JavaScript
• Homepage: https://visual-timer.netlify.app/
• Size: 6.53 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 4
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Visual Timer and Local Weather

Coded with React, Firebase, SASS, Tomorrow.io API

[![Visual Timer Preview Image](https://raw.githubusercontent.com/jfitzsimmons/visual-timer-react/master/preview.png)](https://visual-timer.netlify.app/ "Visual Timer Link")

**Explanation**  

I wanted a timer that would countdown, and then track how much time expired since finishing.

I also needed a replacement for the Duck Duck Go / Dark Sky weather widget integration.

## Installation

cd into cloned directory

```bash

yarn

```

remove -sample from .env-sample

Change Tomorrow.IO and Firebase credentials to your own

```bash

yarn build

yarn dev

```

## Deploy

Push code to your own repo.

For Netlify you need an account and a repo to connect to

[Netlify: Import an existing project from a Git repository](https://app.netlify.com/start)

Add .env variables to production through Netlify UI.

With continuos integration, each update to your default branch will trigger a build. I recommend pushing to a staging branch first.