diff --git a/src/pages/Home.js b/src/pages/Home.js
index f712ade..8cb662f 100644
--- a/src/pages/Home.js
+++ b/src/pages/Home.js
@@ -1,30 +1,97 @@
import React, { useState } from "react";
+import PropTypes from "prop-types";
-import { IconButton, Menu, MenuItem } from "@material-ui/core";
-import { AccountCircle } from "@material-ui/icons";
+import {
+ Card,
+ CardActionArea,
+ CardActions,
+ CardContent,
+ CardMedia,
+ Chip,
+ IconButton,
+ Link,
+ Menu,
+ MenuItem,
+ Typography
+} from "@material-ui/core";
+import { red } from "@material-ui/core/colors";
+import { AccountCircle, Favorite, Link as LinkIcon } from "@material-ui/icons";
import { useHistory } from "react-router-dom";
import NavBar from "./shared/NavBar";
+import config from "../config";
+// TODO: Replace with API accessed feeds
+import feeds from "./dummyData/feeds.json";
+
+function FeedCard({ feed }) {
+ const [filled, setFilled] = useState(Math.random() > 0.5);
+ let style = {};
+ if (filled) {
+ style={
+ color: red.A400
+ };
+ }
+ return (
+
+
+
+
+
+ {feed.title}
+
+
+ {feed.description}
+
+ {feed.tags.map((tag, idx) => )}
+
+
+
+ setFilled(!filled)}>
+
+
+
+
+
+
+
+
+
+ );
+}
+
+FeedCard.propTypes = {
+ feed: PropTypes.object,
+};
function App() {
const history = useHistory();
const [anchorEl, setAnchorEl] = useState(null);
const open = Boolean(anchorEl);
- const handleMenu = (event) => {
+ function handleMenu(event) {
setAnchorEl(event.currentTarget);
- };
+ }
- const handleClose = () => {
+ function handleClose() {
setAnchorEl(null);
- };
+ }
- const logout = () => {
+ function logout() {
handleClose();
history.push("/");
- };
+ }
- return (
+ return (<>
- );
+
+
+ {feeds.map(feed => )}
+
+ >);
}
export default App;
diff --git a/src/pages/dummyData/feeds.json b/src/pages/dummyData/feeds.json
new file mode 100644
index 0000000..d3f9d6c
--- /dev/null
+++ b/src/pages/dummyData/feeds.json
@@ -0,0 +1,121 @@
+[{
+ "id": 1,
+ "title": "replanting underexcited unaccidental",
+ "description": "cornupete horse-litter Kylah Graehme imperil deliquesced problematic herniary sleep-created spitsticker epoxidize neurectopia pareira BURP nucleary enduing Rozek antirobbery biotome rescored",
+ "url": "https://webionite.com/",
+ "tags": ["Mathematics", "Statistics"]
+}, {
+ "id": 2,
+ "title": "remands centered borough",
+ "description": "prosceniums black-blooded testata Winnebagos Hydri couches subumbelliferous Parnassianism assi puppydom previolated table-hop skiatron befavor wistfully meurtriere cuckooing dongon intuitable plentiful",
+ "url": "https://webionite.com/",
+ "tags": ["Statistics", "Machine Learning", "Data Science"]
+}, {
+ "id": 3,
+ "title": "nanocephalous foldboats vehme",
+ "description": "stockbroker synergy creophagism Miltonize cryptanalyzed pumpkinify remortgaging be-smutch threefoldly corporeal detentions Hawthorn ramets zoon Valentine annuluses mechanicocorpuscular indicium periosteorrhaphy raged",
+ "url": "https://webionite.com/",
+ "tags": ["History", "Machine Learning", "Biology"]
+}, {
+ "id": 4,
+ "title": "evangelicals anxious Lardizabalaceae",
+ "description": "polysomes Chaker liabilities bull-bearing extill nonratably Wardieu cometwise faunistically medino Callisaurus vapulation Melrose rentes synovitic spitefuller anisogamic well-rubbed wind-swung unmercifully",
+ "url": "https://webionite.com/",
+ "tags": ["Data Science", "Biology", "Javascript"]
+}, {
+ "id": 5,
+ "title": "razorbill permanency paramountcy",
+ "description": "turtleize nonlubricating Hibernicising Angadreme microstomia quasi-seriously outflux carburated psize appetizers welcomers tombaks Hartselle tonicked exactly Dorena chromodiascope inconclusible genealogic recycles",
+ "url": "https://webionite.com/",
+ "tags": ["Machine Learning", "Biology", "Javascript"]
+}, {
+ "id": 6,
+ "title": "Shawwal rabble-rousing outer-directed",
+ "description": "hyperdoricism rehabber wobbler discourteous RAF Mullin hypocoristically Lyndes outward-bound greedygut protocaseose deep-sided fathercraft shift Warundi Velarde pluggingly subjectlike there'll fractured",
+ "url": "https://webionite.com/",
+ "tags": ["Mathematics", "Statistics"]
+}, {
+ "id": 7,
+ "title": "bifluoride much-honored centurist",
+ "description": "polars typhlon neurine upfill illustre tzarisms preexceptional stretto urosepsis unhaft fibrilation subcreative ungerontic moonshine prehend Thelyphonidae king-ridden Kenzi receptitious twice-appropriated",
+ "url": "https://webionite.com/",
+ "tags": ["Javascript", "Python", "Science"]
+}, {
+ "id": 8,
+ "title": "antechapel vittle self-banished",
+ "description": "UCAR take-down stonesmatch superofrontal stirp praetextae LRSS ten-knotter hemangiomata audaciously yellowish-green-yellow inhuman perfectest spinneys noter space gay-beseen oscinine Skiest extirpator",
+ "url": "https://webionite.com/",
+ "tags": ["Mathematics", "Statistics", "Science"]
+}, {
+ "id": 9,
+ "title": "Harlingen umbeled bhara",
+ "description": "pelletierine hotbrained flamen mnemonic's whity-brown arriccios ruinatious paromologia catabolizing dinanderie renouncement academicism endogenetic supercavitation Shamus hopingly gravimetric creamsacs Rentsch faithfulness",
+ "url": "https://webionite.com/",
+ "tags": ["Data Science", "Science"]
+}, {
+ "id": 10,
+ "title": "Cyclanthales wiseweed anemonol",
+ "description": "garance splaying centesimate Jonina Caddaric irretentiveness pygargus bararite Edessan monkliness conferences aviaries Magnuson stoke reauthorizing rinse uralitic checkrein objurgative Bastien",
+ "url": "https://webionite.com/",
+ "tags": ["Mathematics", "Machine Learning", "Biology"]
+}, {
+ "id": 11,
+ "title": "proaddition Tehuelet Celastrus",
+ "description": "preadopts plumelet prisometer colocynth precontinental intercitizenship Lauter spear-bill humit Metaphen chrysoeriol phenoplast saprolegniaceous mortalness Basilicata neurotics mis-space bendies overurging tome",
+ "url": "https://webionite.com/",
+ "tags": ["Statistics", "Science"]
+}, {
+ "id": 12,
+ "title": "bids vanillin bemaddened",
+ "description": "scribeship poppets Moliones orthographist syllabarium repressurizes Podaliriidae mating Miller well-saffroned wedset disinfect flotilla uncorrelatively beseek diobolon unadoptional German-american dimerization mattboard",
+ "url": "https://webionite.com/",
+ "tags": ["Mathematics", "Javascript"]
+}, {
+ "id": 13,
+ "title": "fraenums redemption quadruplets",
+ "description": "tablecloth insite dolorousness iso-uretine Vareck exta Gallinae enchantresses mudsills Fording cystoradiography raiment fluoroformol polygamist octuplet take-charge ex-enemy self-debasement Scripturarian Manipur",
+ "url": "https://webionite.com/",
+ "tags": ["Mathematics", "Biology"]
+}, {
+ "id": 14,
+ "title": "Ontine Ulex abjudge",
+ "description": "open-bill subcompensated ensteep trichode Quamasia open-spacedly Lazos bijugous cailleach workbasket reflectionist cookshop CRB spot-drill unmendacious imbecile ejective spring-well scotopia adored",
+ "url": "https://webionite.com/",
+ "tags": ["Mathematics", "Python"]
+}, {
+ "id": 15,
+ "title": "Hsiang blazoners murexan",
+ "description": "Nichola kvass chemotaxonomy inhibitors sciomachy fortunation surfeit-swelled newfanglement Tan contrarily octodecillion drum-wound pseudoseptate thick-hided vigilant ling Cycadofilicales interspecies clunking Nabalism",
+ "url": "https://webionite.com/",
+ "tags": ["Biology", "Science"]
+}, {
+ "id": 16,
+ "title": "colleague moneywort greatcoat",
+ "description": "mandated anti-Germanic zoophoric chameleons stingray self-admired Paymaster-General adderbolt subpolygonal sonically linsey-woolseys defalcating sublunary huguenots coactors Arragon Chalybean covariate courtage untremulent",
+ "url": "https://webionite.com/",
+ "tags": ["Mathematics", "Data Science"]
+}, {
+ "id": 17,
+ "title": "stoped minyanim carrotiness",
+ "description": "myrtleberry willeyer witchingly andante unkemptness wooshing ostentation nonathletic sea-boat sardel foolhardily gurneys scialytic semirealistic escape outproduces Tommy self-action whangees devinct",
+ "url": "https://webionite.com/",
+ "tags": ["Machine Learning", "Biology"]
+}, {
+ "id": 18,
+ "title": "Iridis Knutsen tandstickor",
+ "description": "croiik argot anthropologies bedeswoman merchantries flutings wetters easement Finleyville friggle extinguishes unfragmented lardite roweled bloodflower ascidioid Abitibi classers hemomanometer combatable",
+ "url": "https://webionite.com/",
+ "tags": ["Mathematics", "Python"]
+}, {
+ "id": 19,
+ "title": "dieretic Boote littermate",
+ "description": "premedial unioniform Fredel natterjack hepatoptosia autocarpic unsolidarity cionitis cognomens rhinophore multitudinistic Saban unexuberant Lyopoma ambivalence Gibsonia dwang pre-estimate Pro-emersonianism low-rimmed",
+ "url": "https://webionite.com/",
+ "tags": ["History", "Statistics", "Science"]
+}, {
+ "id": 20,
+ "title": "racehorses kineticism scienter",
+ "description": "Triodontoidei protosinner back-list red-eye Emersonian intratracheally Ejam coelomes hard-witted hesitantly Parthia imparities concubines sultane clip-winged co-une moonstone Cuda gumflower plies",
+ "url": "https://webionite.com/",
+ "tags": ["Mathematics", "Data Science"]
+}]