paulmorales7 / trendr Goto Github PK
View Code? Open in Web Editor NEWTrending topics aggregator, full stack application.
Trending topics aggregator, full stack application.
For Search History and Login sessions. Routing optional.
Trendr!!!!!!!!!!!!!!!!!!!!!!
Utils - API.js
Use axios (npm), set up CRUD methods and endpoints
Setup the Mongo DB on Atlas, just need to wire in the data
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.
Would we want to just refresh the page as a quick fix or go through the process of getting users logged out
Do we want the element background? but not paper, maybe more like earthy? would we prefer not background at all?
Color consistency with buttons/body content
Mongo Db.
Figure out how to grab realTimeTrend and import to history and display last five searches in history box
onHover event handler
Let us know what we need to do to make this work :)
Delete unneeded components.
///////////////////////////////////
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';
target=_blank
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’
Centered
Space buttons
Hover Effects.
TwitterStream,TrendrArticle,andHistory should all colorize according to the category selected matching its gradient.
Twitter (state) display
Eliminate the "'" or whatever
Better method of pulling twitter data rather than article title
See title
Saves respective article title & URL to history component
So we can onClick() save things to history aka favorites
Accomplished by msyatlaus
onHover event
Setup... use create-react-app (or start from scratch)
See title
Points?
Experience?
Daily/weekly read goals?
Quests/achievements?
Unlock/pay for skins?
Get a dashboard template working after initializing the react-app and get everything up and running.
Accomplshed by Paul
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.
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.
Research authentification technologies.
Need people to log in to authenticate Twitter
** NEED TWITTER CREDENTIALS IN .ENV **
Grant users unique options and account access when logging in to the website.
Headline, Picture (URL), Synopsis
Setup server.js, also setup proxy port in package.json
JSON web token
Anchored top right
Obvious logout button
Title Result Name,
Twitter Feed,
Google Trends News Article (clickable URL),
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.