Skip to content

Readativity is where reading meets productivity! This app encourages you to read more while making the most of your time. You can keep track of how long you read everyday and check how much you read over the week.

License

Notifications You must be signed in to change notification settings

Readativity/Frontend

Repository files navigation

Welcome to Readativity:

Readativity is where reading meets productivity! This app encourages you to read more while making the most of your time. You can keep track of how long you read everyday and check how much you read over the week.

home

Project features

Create an Account:

User's can create an account that will serve up articles based on the user's 3 main interests, track the user's reading statistics and record the user's reading history.

createaccount

Edit an Account:

Here user's can edit account settings as well choose new interests.

edit

Login:

Once the user has created an account, they will gain access to their personalized dashboard.

login

Dashboard:

The Dashboard gives the user access to the options "Start Reading" and "See Stats" as well as the option to "Edit Account" and "Logout".

dashboard

Reader:

The Reader is the main feature of Readativity. Once the user clicks "Start Reading", they will be instantly served an article that is pulled from the Google News API based on their 3 interests. The User also has access to the "New Article" button which will randomly serve up another article based on the user's interests.

reader

Stats:

The Stats page will display the user's reading statistics on 2 graphs. The "Time Reading this Week" graph is a line graph that plots the user's total minutes spent reading per day across the span of a week. "Time Reading by Interest" is a radial graph that plots the minutes spent reading each by interest. In addition, the user can check their "Article History".

stats

Article History:

"Article History" will display a list of articles sorted by the date read and the article headline.

history

Installation

After forking and cloning this repo:

cd into Frontend
npm install
  • This command will move you into the app directory and install all the necessary dependencies.

API Integration

Readativity utilizes Google's News API to serve up articles based on user preferences.

License

MIT License Copyright (c) 2018 Readativity

Our Team

Kevin Kingdon Carolyn Selheim
Github /kmkingdon Github /CarolynSM
LinkedIn /in/kevin-kingdon/ LinkedIn /in/carolynselheimmiller/
Bj Collins James Mann
Github /collinsbj Github /mrsaxmannjr
LinkedIn /in/bjcollinswebdev/ LinkedIn /in/mrsaxmannjr/

About

Readativity is where reading meets productivity! This app encourages you to read more while making the most of your time. You can keep track of how long you read everyday and check how much you read over the week.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •