Skip to content

Latest commit

 

History

History
71 lines (53 loc) · 3.25 KB

README.md

File metadata and controls

71 lines (53 loc) · 3.25 KB
Raw

PomoGitto

PomoGitto is a full-stack app that helps developers see GitHub issues assigned to them and be able to use the Pomodoro technique to work as efficiently as possible.

Getting started

Installing project locally

> git clone https://github.com/Jean-Luc19/pomo-gitto.git 

> cd pomo-gitto

> npm install

Launching

> npm run dev

Then open http://localhost:8080 in a browser.

Introduction

The main focus of PomoGitto was to help developers speed up their time by getting to see the issues that were assigned. Being able to see what you need without fumbling with links and menus, saves a lot of time that can then be spent on working on the actual problem. We decided to add a pomodoro timer to even further help the developer manage their time, well also increase workflow. Here's a link for more information.

How it works

Sign into GitHub

If you are a developer of any skill level, you most likely have an account on GitHub. One of the features for devs to work on projects together is the ability to assign issues, or a certain task, to be completed. This can be anything from a bug to a simple question. These are also very helpful when working on open source projects.

Pomodoro Clock

The main purpose of having a pomodoro clock is to be able to work for 25 mintues, and then take a 5 mintute break. You are not able to pause, nor reset the timer so you are locked into working for that set time. Studies show that following this technique helps improve concentration and overall productivity. In PomoGitto, this technique is implemented by being only able to start the clock by first selecting the issue. Once the timer is done, it will display a checkmark showing how many pomo's you have done for that issue.

Wire Frames

All wire frames were made with LucidCharts.

Technologies

Front-End

  • HTML
  • CSS
  • Javascript
  • React / React-Router
  • Redux / Redux-Thunk
  • React-Redux
  • Materialize-Css (material design)
  • JS-Cookie to send a cookie to keep users logged in after app is closed.

Back-End

  • Node.js + Express.js (web server)
  • MongoDB + Mongoose
  • mlab for cloud database

Resposive

  • PomoGitto quickly responds to change in screen size and looks great across all devices

Security

  • Users login using GitHub's OAuth2 to keep content secure
  • Passport is use to validate users with GitHub, and also control non-authorized users to certain endpoints.