paulmorales7/trendr

Trending topics aggregator, full stack application.

trendr's Issues

DataBase (Search History), Routing

For Search History and Login sessions. Routing optional.

Logo

Trendr!!!!!!!!!!!!!!!!!!!!!!

BACKEND - ROUTING

Utils - API.js

Use axios (npm), set up CRUD methods and endpoints

History Data / DB

Setup the Mongo DB on Atlas, just need to wire in the data

README

Someone needs to create a badass README that includes: a table of contents, descriptions of what our app is and why someone would want to use it, a link to our deployed app, an image/gif or two, and a contributors/contact sections.

Logout Btn Functionality

Would we want to just refresh the page as a quick fix or go through the process of getting users logged out

Beautify TwitterStream/TrendrBody

Do we want the element background? but not paper, maybe more like earthy? would we prefer not background at all?

Beautify Header Component

Color consistency with buttons/body content

History Data

Mongo Db.
Figure out how to grab realTimeTrend and import to history and display last five searches in history box

Animate Star Icon [future]

onHover event handler

Deploy to Heroku

Let us know what we need to do to make this work :)

FRONTEND CLEANUP

Delete unneeded components.

Axios.js in </>src folder

///////////////////////////////////

import axios from 'axios';

const instance = axios.create({
baseURL: 'http://localhost:3001'
//Maybe: 'mongodb://localhost/trendr'
})

export default instance

//////////////////////////////////////
Each component with an axios CRUD method will need to import axios like the below code:
/////////////////////////////////////

import axios from '../axios';

Twitter API BE setup for search query

• Setup Clien

Articles opening in new browser tab

target=_blank

Category Button Components

i.e. [Entertainment] -> -> Title & News Components generate data.

categories:
All : ‘all’
Entertainment: ‘e’
Business : ‘b’
Science/Tech : ‘t’
Health : ‘m’
Sports : ‘s’
Top Stories : ‘h’

Styling Buttons

Centered
Space buttons
Hover Effects.

Colorize Components w Gradient [future edit]

TwitterStream,TrendrArticle,andHistory should all colorize according to the category selected matching its gradient.

Debug Tweet Generation [future]

Twitter (state) display
Eliminate the "&#39" or whatever
Better method of pulling twitter data rather than article title

TwitterAPI call for news feed, possibly pulls stream

See title

Add OnClick to Favorites Icon

Saves respective article title & URL to history component

Save BTN (or star icon)

So we can onClick() save things to history aka favorites

Get all buttons functioning like to "Sports"

Accomplished by msyatlaus

Star Icon [future]

onHover event

FRONTEND - REACT (BASE)

Setup... use create-react-app (or start from scratch)

Beautify Headings

See title

Incentive system [future]

Points?
Experience?
Daily/weekly read goals?
Quests/achievements?
Unlock/pay for skins?

React Components

Get a dashboard template working after initializing the react-app and get everything up and running.

Get IMG to pull to "TrendrBody.js"

Accomplshed by Paul

Enhance overall aesthetic [future]

Colorize components according to their button gradient
Add a shadow bar beneath the buttons to create segmentation.
Hide the components that hold the twitter, article, and history data.

embed tweets on component

https://www.npmjs.com/package/react-twitter-embed

Authentification Bells & Whistles

Utils, store.js, and specific imports on certain components on the front end to correspond to our web token, authentification, and other back end considerations.

BACKEND - AUTHENTICATION

Research authentification technologies.

• Look into integrating Google log-in

Twitter Authentication

Need people to log in to authenticate Twitter

** NEED TWITTER CREDENTIALS IN .ENV **

Individualize Account Access [future]

Grant users unique options and account access when logging in to the website.

NyTimes API

Headline, Picture (URL), Synopsis

BACKEND - SERVER

Setup server.js, also setup proxy port in package.json

login page

JSON web token

Logout Button Created

Anchored top right
Obvious logout button

Trend Result (Reusable) Component

Title Result Name,
Twitter Feed,
Google Trends News Article (clickable URL),