Pomodoro timer with a dog theme that shows a dog gif when the timer ends.
Visit the timer at https://pomodoro-e857a.firebaseapp.com/#/
- 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
- Button to click between multiple themes (PomoDrogo, PokeDoro)
- Alert functionality that shows up on window other than the timer window
- Make into PWA
- _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
Background does not sync up.
If you have problems or would like to comment about something feel free to contact the team at [email protected]
This website uses HTML, CSS, Materialize, JavaScript, Webpack, React, React Router and eslint
MIT
Copyright (c) 2019 Philip Eskins, Drew Yoxsimer, Jack Collins, Riley Benson, Dino Nguyen