PomoDogo Timer

Pomodoro Timer with a dog theme (multiple themes)

By Philip Eskins, Dino Nguyen, Jack Collins, Drew Yoxsimer, Riley Benson

Description

Pomodoro timer with a dog theme that shows a dog gif when the timer ends.

Visit the timer at https://pomodoro-e857a.firebaseapp.com/#/

Current Features

Focus timer (25 minutes), short break (5 minutes), long break (15 minutes)
Login and signup functionality
Show user's timer history
Show dog gif at end of each timer
Sound called at end of timer and toggle sound button
Alert at end of timer if sound is off

Future Features

Button to click between multiple themes (PomoDrogo, PokeDoro)
Alert functionality that shows up on window other than the timer window
Make into PWA
Host on Netlify/Firebase

Setup/Installation Requirements

_Download repository from https://github.com/jackpaulcollins/pomodoro-team-week.git
Type npm install from the command line interface
Type npm run start from the command line interface
If you'd like to alter or see the code for the project, after downloading open the project up in your favorite code editor.
Add Giphy API key in .env file as REACT_APP_API_KEY = YOURAPIKEYHERE
_.env file needs to be the root directory.
_Create a config/fbConfig.js file.
Add firebase api information to config/fbConfig.js as:


import firebase from 'firebase/app';
import 'firebase/firestore';
import 'firebase/auth';

// Replace this with your own config details
var config = {
  apiKey: "YOURAPIKEY",
   authDomain: "YOURAUTHDOMAIN",
   databaseURL: "YOURDATABASEURL",
   projectId: "YOURPROJECTID",
   storageBucket: "YOURSTORAGEBUCKET",
   messagingSenderId: "YOURID",
   appId: "YOURAPPID"
};
firebase.initializeApp(config);


export default firebase

Known Bugs

Background does not sync up.

Support and contact details

If you have problems or would like to comment about something feel free to contact the team at philipeskins@gmail.com

Technologies Used

This website uses HTML, CSS, Materialize, JavaScript, Webpack, React, React Router and eslint

License

MIT

drewyox/pomodoro-team-week