Skip to content

Instantly share code, notes, and snippets.

@bryantee
Last active January 11, 2017 22:09
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save bryantee/6ab15b6fd69fd20b34e0ae8636a9564a to your computer and use it in GitHub Desktop.
Save bryantee/6ab15b6fd69fd20b34e0ae8636a9564a to your computer and use it in GitHub Desktop.
React Capstone Project

Reactodoro

A responsive clientside React-Redux based pomodoro web app

MVP Features

  1. Basic pomodoro timer, customizable time to user preference
  2. Manage and assign pomodoro sessions to user activities / categories
  • Each session can be assigned to a particular activity. Total sessions in each activity can be tracked.
  1. Pull media / news from external API(s) for between sessions

User Stories

A user should be able to:

  • Start a pomodoro session
  • Pause a pomodoro session
  • Set a custom time for pomodoros
  • Add an activity
  • Select a current activity
  • Delete an activity
  • Engage with content between sessions

Components

  • App
  • Pomodor timer graphic
  • Customize timer
  • Task List
  • Task
  • News Article List
  • News Article

Redux Actions

Action description
COMPLETE_POMO Update store to let know pomo session complete
GET_ARTICLES Retrieves NYTimes articles using API
GET_ACTIVITY_STATS Retrieve pomodoro activity stats
ADD_ACTIVITY Adds an activity to track in the list
REMOVE_ACTIVITY Remove an activity from the list
SELECT_AVTIVITY Selects a current activity for the pomo session
START_POMO Start / resume a pomo timer
PAUSE_POMO Pause a pomo timer
SET_POMO_SECONDS Sets pomo total time in seconds

Todos

  • Establish user stories / MVP features
  • Mockup / wireframe
  • Validate API https://developer.nytimes.com/
  • Setup environment using create-react-app
  • Setup git repo
  • Initiate Hello World
  • Write initial tests
  • Setup continuous integration
  • Build app stories
  • Collect feedback / iterate
  • Style app
  • Final cleanup
  • Documentation

Mockups

Initial Drawing

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment