overallholdings
+ )
+
+}
\ No newline at end of file
diff --git a/src/front/js/layout.js b/src/front/js/layout.js
index d42289f0ee..124d1e192d 100755
--- a/src/front/js/layout.js
+++ b/src/front/js/layout.js
@@ -2,14 +2,18 @@ import React from "react";
import { BrowserRouter, Route, Routes } from "react-router-dom";
import ScrollToTop from "./component/scrollToTop";
import { BackendURL } from "./component/backendURL";
-
-import { Home } from "./pages/home";
+import { Landing } from "./pages/landingpage";
+import { Listing } from "./pages/listingpage";
import { Demo } from "./pages/demo";
import { Single } from "./pages/single";
import injectContext from "./store/appContext";
-
+import { AboutUs } from "./pages/aboutUs";
import { Navbar } from "./component/navbar";
import { Footer } from "./component/footer";
+import { ContactUs } from "./pages/contactUs";
+import { SparklineChart } from "./pages/sparklineChart";
+import { Userdashboard } from "./pages/userdashboard";
+import { Favorites } from "./component/Favorites";
//create your first component
const Layout = () => {
@@ -17,15 +21,20 @@ const Layout = () => {
// you can set the basename on the .env file located at the root of this project, E.g: BASENAME=/react-hello-webapp/
const basename = process.env.BASENAME || "";
- if(!process.env.BACKEND_URL || process.env.BACKEND_URL == "") return
+
+
+ )
+};
diff --git a/src/front/js/pages/contactUs.js b/src/front/js/pages/contactUs.js
new file mode 100644
index 0000000000..093bffe473
--- /dev/null
+++ b/src/front/js/pages/contactUs.js
@@ -0,0 +1,34 @@
+import React, { useState, useEffect, useContext } from "react";
+import PropTypes from "prop-types";
+import { Link, useParams, useNavigate } from "react-router-dom";
+import { Context } from "../store/appContext";
+
+
+export const ContactUs = props => {
+ const { store, actions } = useContext(Context);
+ const params = useParams();
+ const navigate = useNavigate()
+
+ return (
+ About Us
+ At CryptoScope, we believe in empowering individuals and businesses to navigate the ever-evolving world of cryptocurrency with confidence and clarity. Founded with a vision to bridge the gap between complex blockchain technology and everyday users, CryptoScope is your trusted companion in understanding, investing, and thriving in the decentralized economy.
+
+ Our platform provides a comprehensive suite of tools, real-time insights, and educational resources designed to simplify the crypto journey. Whether you're a seasoned trader, a curious newcomer, or a business exploring blockchain solutions, CryptoScope offers the information and support you need to make informed decisions.
+
+ We’re committed to transparency, innovation, and community-driven growth. By combining cutting-edge analytics with an intuitive user experience, we aim to bring the benefits of blockchain technology to everyone.
+
+ Join us at CryptoScope as we chart a course through the future of finance—one block at a time. Together, let’s scope out the opportunities in crypto and unlock its full potential.
+
+
+ )
+};
+
+
diff --git a/src/front/js/pages/home.js b/src/front/js/pages/home.js
deleted file mode 100755
index 7b0be46a1e..0000000000
--- a/src/front/js/pages/home.js
+++ /dev/null
@@ -1,26 +0,0 @@
-import React, { useContext } from "react";
-import { Context } from "../store/appContext";
-import rigoImageUrl from "../../img/rigo-baby.jpg";
-import "../../styles/home.css";
-
-export const Home = () => {
- const { store, actions } = useContext(Context);
-
- return (
-
+
+
+
+ actions.setShowContactModal()} style={{height:"5px"}}>×
+
+ Contact Us
+ +
-
- );
-};
diff --git a/src/front/js/pages/landingpage.js b/src/front/js/pages/landingpage.js
new file mode 100755
index 0000000000..e1ae8d9693
--- /dev/null
+++ b/src/front/js/pages/landingpage.js
@@ -0,0 +1,52 @@
+import React, { useState, useEffect, useContext } from "react";
+import PropTypes from "prop-types";
+import { Link, useParams, useNavigate } from "react-router-dom";
+import { Context } from "../store/appContext";
+import "../../styles/home.css";
+
+
+export const Landing = () => {
+ const { store, actions } = useContext(Context);
+ const navigate = useNavigate()
+
+ return (
+ Hello Rigo!!
-
-
-
- {store.message || "Loading message from the backend (make sure your python backend is running)..."}
-
- - This boilerplate comes with lots of documentation:{" "} - - Read documentation - -
-
+
+
+ );
+};
diff --git a/src/front/js/pages/listingpage.js b/src/front/js/pages/listingpage.js
new file mode 100644
index 0000000000..6f096aa252
--- /dev/null
+++ b/src/front/js/pages/listingpage.js
@@ -0,0 +1,99 @@
+import React, { useState, useEffect, useContext } from "react";
+import { Context } from "../store/appContext";
+import { SparklineChart } from "./sparklineChart";
+import "../../styles/index.css";
+
+export const Listing = () => {
+ const [coins, setCoins] = useState([]);
+ const [loading, setLoading] = useState(true);
+ const { store, actions } = useContext(Context);
+
+ useEffect(() => {
+ const fetchCoins = async () => {
+ try {
+ const response = await fetch(
+ "https://api.coingecko.com/api/v3/coins/markets?vs_currency=usd&order=market_cap_desc&per_page=30&page=1&sparkline=true"
+ );
+ const data = await response.json();
+ setCoins(data);
+ } catch (error) {
+ console.error("Error fetching coins:", error);
+ }
+ setLoading(false);
+ };
+
+ fetchCoins();
+ }, []);
+
+ if (loading) {
+ return
+ 
+
+
+
+ Effortlessly explore a database of over 15,000 cryptocurrencies
+ {navigate("/listingpage")}}>Explore Database
+
+
+
+
+
+ Upon logging in immediately see the most important thing: the overall performance of your holdings
+ {}}>View performance
+
+
+
+
+
+ View tailored historical performance in your preferred currency, access current price and demand insights, and stay updated with real-time news specific to your chosen coin
+ {}}>Find Tokens
+
+
+
+
+
+ Add coins to your favorites list for easy access and tracking, and the ability to set price notification alerts via text
+ {}}>Add Favorites
+
+
+
+
+
+ Track the coins you currently own in your wallet and access more info about them
+ {}}>Open Wallet
+ Loading...
;
+ }
+
+ const handleFavoriteToggle = (coin) => {
+ if (store.favorites.some((favCoin) => favCoin.id === coin.id)) {
+ actions.removeFromFavs(coin.id);
+ } else {
+ actions.addToFavs(coin.id, coin.name, coin.symbol, coin.current_price);
+ }
+ };
+
+ return (
+ | Asset | +Price | +Chart | +Change (24h) | +Market Cap | +Volume | +Actions | ++ |
|---|---|---|---|---|---|---|---|
|
+
+
+
+
+ {coin.name}
+ {coin.symbol.toUpperCase()}
+ |
+ ${coin.current_price.toLocaleString()} | +
+ |
+ + = 0 ? "green" : "red", + }} + > + {coin.price_change_percentage_24h.toFixed(2)}% + + | +${coin.market_cap.toLocaleString()} | +${coin.total_volume.toLocaleString()} | ++ + | ++ + | +
This will show the demo element: {store.demo[params.theid].title}
-diff --git a/src/front/js/pages/sparklineChart.js b/src/front/js/pages/sparklineChart.js new file mode 100644 index 0000000000..1936e672f4 --- /dev/null +++ b/src/front/js/pages/sparklineChart.js @@ -0,0 +1,13 @@ +import React from 'react'; +import { LineChart, Line, YAxis } from 'recharts'; + +export const SparklineChart = ({ data, width, height}) => { + const chartData = data.map((price, index) => ({ index, price })); + + return ( +
+
+ );
+};
diff --git a/src/front/js/store/appContext.js b/src/front/js/store/appContext.js
index 8c83f8bbbf..75bcdf56e9 100755
--- a/src/front/js/store/appContext.js
+++ b/src/front/js/store/appContext.js
@@ -28,7 +28,7 @@ const injectContext = PassedComponent => {
* you should do your ajax requests or fetch api requests here. Do not use setState() to save data in the
* store, instead use actions, like this:
**/
- state.actions.getMessage(); // <---- calling this function from the flux.js actions
+ // state.actions.getMessage(); // <---- calling this function from the flux.js actions
}, []);
// The initial value for the context is not null anymore, but the current state of this component,
diff --git a/src/front/js/store/flux.js b/src/front/js/store/flux.js
index cc56951a22..8dc6ef4a3f 100755
--- a/src/front/js/store/flux.js
+++ b/src/front/js/store/flux.js
@@ -1,54 +1,1173 @@
-const getState = ({ getStore, getActions, setStore }) => {
- return {
- store: {
- message: null,
- demo: [
- {
- title: "FIRST",
- background: "white",
- initial: "white"
- },
- {
- title: "SECOND",
- background: "white",
- initial: "white"
- }
- ]
- },
- actions: {
- // Use getActions to call a function within a fuction
- exampleFunction: () => {
- getActions().changeColor(0, "green");
- },
-
- getMessage: async () => {
- try{
- // fetching data from the backend
- const resp = await fetch(process.env.BACKEND_URL + "/api/hello")
- const data = await resp.json()
- setStore({ message: data.message })
- // don't forget to return something, that is how the async resolves
- return data;
- }catch(error){
- console.log("Error loading message from backend", error)
- }
- },
- changeColor: (index, color) => {
- //get the store
- const store = getStore();
+import { symbol } from "prop-types";
- //we have to loop the entire demo array to look for the respective index
- //and change its color
- const demo = store.demo.map((elm, i) => {
- if (i === index) elm.background = color;
- return elm;
- });
+const getState = ({ getStore, getActions, setStore }) => {
+ return {
+ store: {
+ message: null,
+ demo: [
+ {
+ title: "FIRST",
+ background: "white",
+ initial: "white"
+ },
+ {
+ title: "SECOND",
+ background: "white",
+ initial: "white"
+ }
+ ],
+ username: null, // Initially no user is logged in
+ favorites: [
+ {
+ id: "uniswap",
+ name: "Uniswap",
+ symbol: "UNI",
+ current_price: 12.94,
+ sparkline_in_7d: {
+ "price": [
+ 9.033896689825607,
+ 9.039998972527288,
+ 9.033420486962983,
+ 9.03124714072275,
+ 9.016121849987451,
+ 8.865826845140566,
+ 8.746558778210613,
+ 8.708281061717734,
+ 8.688019603485516,
+ 8.82604779181628,
+ 8.829668917832986,
+ 8.835321112407732,
+ 8.82032115336762,
+ 8.92963968340364,
+ 8.877256157287091,
+ 8.630856191701088,
+ 8.607943893393722,
+ 8.850458714794891,
+ 8.846622577055738,
+ 8.828890783685525,
+ 8.865000241754025,
+ 8.858103454434747,
+ 8.780640198812208,
+ 8.725768043283809,
+ 8.845153656532453,
+ 9.21640078017128,
+ 9.321254383370974,
+ 9.300654635683527,
+ 9.181390538335059,
+ 9.181127794689424,
+ 9.339501825318322,
+ 9.355807859199112,
+ 9.0931399429668,
+ 9.076774739077473,
+ 9.153830901343724,
+ 9.29875703817956,
+ 9.269402725461923,
+ 9.192765623046915,
+ 9.337418790590108,
+ 9.339940040170243,
+ 9.353159973980466,
+ 9.395464225810342,
+ 9.396736653268574,
+ 9.314438136885524,
+ 9.360324921868537,
+ 9.379936125242107,
+ 9.472322390512891,
+ 9.277120989171028,
+ 9.461205939600545,
+ 9.499532697959022,
+ 9.347834875170937,
+ 9.4273916958874,
+ 9.45148570704231,
+ 9.489807611475571,
+ 9.39624898477988,
+ 9.292228516840513,
+ 9.280901187174695,
+ 9.38298426106557,
+ 9.51258356486645,
+ 9.486732298591637,
+ 9.869671618850585,
+ 9.978722706329625,
+ 10.123440110722212,
+ 10.137783883152785,
+ 10.142507172715005,
+ 10.152691601070606,
+ 10.295850207411691,
+ 10.337312486530903,
+ 10.494441635346,
+ 10.576373574488736,
+ 10.517970621428354,
+ 10.58093761722997,
+ 10.472241030834498,
+ 10.654444045943997,
+ 10.73888908523987,
+ 10.833519961857906,
+ 11.1902670623175,
+ 10.816908364160115,
+ 11.048501724292992,
+ 11.050411075104453,
+ 10.854819975838193,
+ 10.71437574170779,
+ 10.779342356204356,
+ 10.723866414305647,
+ 10.736841013849132,
+ 10.96309267769841,
+ 10.95130250119125,
+ 10.927615139750097,
+ 10.991406584809443,
+ 10.98088486740607,
+ 11.053338807808865,
+ 11.224504930128022,
+ 11.147922345733328,
+ 11.018691161343371,
+ 11.0720533111258,
+ 11.025633386147351,
+ 10.721698618627363,
+ 10.504778701477758,
+ 10.489096337273116,
+ 10.369260682386658,
+ 10.207085282779236,
+ 10.321037533567543,
+ 10.415253226428568,
+ 10.534056213773615,
+ 10.464201628126991,
+ 10.656912956768778,
+ 10.760571969448403,
+ 10.866400203201328,
+ 10.905155261273704,
+ 10.825774786816469,
+ 10.692995146944762,
+ 10.88274777005023,
+ 10.852219798072992,
+ 11.008751695376993,
+ 11.20813982495653,
+ 11.501439392580487,
+ 11.615605470387562,
+ 11.71924183254983,
+ 11.863662577901918,
+ 11.802549150503564,
+ 12.027393761983044,
+ 11.977841838214912,
+ 11.627080318613256,
+ 12.115788861081706,
+ 11.64853062746929,
+ 11.702398105281976,
+ 11.380943631481717,
+ 11.427972406426306,
+ 11.502274659823023,
+ 11.316892934855447,
+ 11.275899582692833,
+ 11.14758343453641,
+ 11.228984407282198,
+ 11.56996672155962,
+ 11.409658321482123,
+ 11.441840294955767,
+ 11.521355543875218,
+ 11.739397833255842,
+ 11.544382903958823,
+ 11.359407014896547,
+ 11.031695460587617,
+ 10.87785904437194,
+ 10.799046207492845,
+ 10.789705026527358,
+ 10.702099413260683,
+ 10.840395091690802,
+ 11.09676458741707,
+ 10.858711170537353,
+ 10.924902367434415,
+ 10.802897600499428,
+ 10.606423552692132,
+ 10.630424704804032,
+ 10.800496709710949,
+ 10.930335841317785,
+ 10.813453641144594,
+ 10.961480608908449,
+ 10.83673804744066,
+ 11.151076421425275,
+ 11.261943451013385,
+ 11.269070839965867,
+ 11.408963298041016,
+ 11.438759000291373,
+ 11.619501340945018,
+ 11.71307424042878,
+ 11.653008211461685,
+ 11.679482496114073,
+ 11.74665494337017,
+ 11.821740131352152
+ ]
+ }
+ },
+ {
+ id: "leo-token",
+ name: "LEO Token",
+ symbol: "LEO",
+ current_price: 8.33,
+ sparkline_in_7d: {
+ "price": [
+ 8.183314547706347,
+ 8.361078191941946,
+ 8.448761693988194,
+ 8.450820837925427,
+ 8.457403913840636,
+ 8.329961578261816,
+ 8.345540529223788,
+ 8.364395290450393,
+ 8.352323589552807,
+ 8.335791819161829,
+ 8.353927193296649,
+ 8.41114431322248,
+ 8.409974683483078,
+ 8.435891643565713,
+ 8.440981053066176,
+ 8.532052690310735,
+ 8.560823784922524,
+ 8.500546527735272,
+ 8.50747634510928,
+ 8.487716160349766,
+ 8.511885512467694,
+ 8.527010633348592,
+ 8.579466760595722,
+ 8.753525962443957,
+ 8.807566402934263,
+ 8.813829751757867,
+ 8.775065367222181,
+ 8.840480953627779,
+ 8.850339872658898,
+ 8.971710373195354,
+ 8.822539250911055,
+ 8.869562147233896,
+ 8.849834401586596,
+ 8.82715244938005,
+ 8.859131294315533,
+ 8.680186889446018,
+ 8.711707306550906,
+ 8.651974600809307,
+ 8.686661347894292,
+ 8.749814987472995,
+ 8.807596386092374,
+ 8.801542142716105,
+ 8.77747308129114,
+ 8.79830833199875,
+ 8.8055335975149,
+ 8.71596897344869,
+ 8.664490899105612,
+ 8.673345788357087,
+ 8.667765964456015,
+ 8.719837408015445,
+ 8.827397505083061,
+ 8.808080968192732,
+ 8.458148255982245,
+ 8.33498854081786,
+ 8.187441681360058,
+ 8.23342839129614,
+ 8.482758825526613,
+ 8.484216600879343,
+ 8.43184701680723,
+ 8.433012093141272,
+ 8.504660541223972,
+ 8.477983551106469,
+ 8.509651992530474,
+ 8.503275827343057,
+ 8.57215484755563,
+ 8.562085391911069,
+ 8.56894454841257,
+ 8.60400204282364,
+ 8.614511458759232,
+ 8.612589030832691,
+ 8.576213247159103,
+ 8.57040402068744,
+ 8.569721569948799,
+ 8.608196689350686,
+ 8.65041450067004,
+ 8.655780511210065,
+ 8.648291837877421,
+ 8.636217553706404,
+ 8.635807157843558,
+ 8.609727435708782,
+ 8.58625624292196,
+ 8.610228167176974,
+ 8.635663685977322,
+ 8.615673063238244,
+ 8.609376086045893,
+ 8.607274002295833,
+ 8.665335353008828,
+ 8.652877559193733,
+ 8.62231077173675,
+ 8.64160025279352,
+ 8.69328785193836,
+ 8.678113379460935,
+ 8.678237861866146,
+ 8.658401076031335,
+ 8.711006847535984,
+ 8.740007154695238,
+ 8.647567323968289,
+ 8.684331832486723,
+ 8.715960514716757,
+ 8.374401010208123,
+ 8.564862939565572,
+ 8.401530251712657,
+ 8.418801683421286,
+ 8.449565407952468,
+ 8.481929357029665,
+ 8.489912687379087,
+ 8.514820383579474,
+ 8.546726034277945,
+ 8.567152379646508,
+ 8.638342850309536,
+ 8.608958433459584,
+ 8.63335837728519,
+ 8.653021903501834,
+ 8.675536745834481,
+ 8.680535028819476,
+ 8.11716318265663,
+ 8.241339041573946,
+ 8.372293577722656,
+ 8.375442025196568,
+ 8.422264970280336,
+ 8.41568168840203,
+ 8.368814685318403,
+ 8.331034975848068,
+ 8.244088754153784,
+ 8.322199249191039,
+ 8.324723468715325,
+ 8.361251233619148,
+ 8.228298840357478,
+ 8.207099171614233,
+ 8.217650942142468,
+ 8.223908483736858,
+ 8.232717495149366,
+ 8.084789661858084,
+ 8.087339500190348,
+ 8.09968665993712,
+ 8.107321867411274,
+ 8.133237992648747,
+ 8.16507214801452,
+ 8.18414027618831,
+ 8.112804839592014,
+ 8.233884787292675,
+ 8.098827219415563,
+ 8.022079183362354,
+ 8.039659425800808,
+ 8.034262795428818,
+ 8.062483777774082,
+ 8.002619613814112,
+ 8.004373629895326,
+ 8.00696567519281,
+ 7.995293602801956,
+ 8.0292560456193,
+ 8.045976985584243,
+ 8.05946908611582,
+ 8.026777090722051,
+ 8.043505620143533,
+ 7.989836818122757,
+ 8.036694813024411,
+ 8.021215125806725,
+ 8.005789725465698,
+ 7.951227226068171,
+ 8.00448493150713,
+ 8.179301519965689,
+ 8.177333305742666,
+ 8.25056820772838,
+ 8.283444872572472,
+ 8.27054152707594
+ ]
+ }
+ },
+ {
+ id: "litecoin",
+ name: "Litecoin",
+ symbol: "LTC",
+ current_price: 96.17,
+ sparkline_in_7d: {
+ "price": [
+ 86.39474849601059,
+ 86.33337263683526,
+ 86.6882171365698,
+ 86.34875166009634,
+ 86.55371228880313,
+ 84.93854483728992,
+ 83.87677818535188,
+ 83.37439483141527,
+ 83.55053177375616,
+ 84.2991688801157,
+ 84.22416121949436,
+ 84.25165247567362,
+ 83.74633089479666,
+ 84.25388041683007,
+ 83.99155224999383,
+ 83.30757321237316,
+ 84.84091432061659,
+ 86.57538927187753,
+ 86.64799421455358,
+ 90.0637317468015,
+ 90.1213511825207,
+ 90.45767663545614,
+ 89.60464139737583,
+ 89.57359396988493,
+ 90.05970570867277,
+ 90.03314289990104,
+ 89.64398557289914,
+ 89.39124315145874,
+ 88.42580715756682,
+ 88.24519199762723,
+ 89.21867234553446,
+ 89.69563772837074,
+ 89.00647811887896,
+ 88.32492130145665,
+ 88.79972716183671,
+ 89.23736030930463,
+ 89.7741774201062,
+ 89.47797437895525,
+ 90.82031503857142,
+ 90.10751723836566,
+ 90.20380116164962,
+ 90.66240236794026,
+ 91.0151002237126,
+ 90.05111701686198,
+ 89.29876621199773,
+ 90.27333169507605,
+ 90.75698688762631,
+ 89.76980487949277,
+ 92.03381269471393,
+ 91.48113423108539,
+ 88.59974596465023,
+ 88.82615306476833,
+ 89.6864503641947,
+ 90.45152053342936,
+ 90.5530869168674,
+ 90.56439039617659,
+ 90.89239294941804,
+ 90.52941355283917,
+ 90.48140461587104,
+ 91.10563451164677,
+ 92.19817430991179,
+ 93.83559678802156,
+ 100.91400814264847,
+ 99.11714737003942,
+ 101.1693514622987,
+ 103.57863594448926,
+ 103.76765024972107,
+ 102.71200909087551,
+ 101.57130151694072,
+ 102.69497650387149,
+ 102.15032487606697,
+ 102.54778400855065,
+ 103.17784281955352,
+ 102.7979410484262,
+ 102.43226642749501,
+ 102.78696019049882,
+ 103.09098813233754,
+ 98.93005839291828,
+ 99.23893412302051,
+ 99.15889775068821,
+ 98.46728401627702,
+ 98.4785609722322,
+ 99.46182349839917,
+ 99.06435575550853,
+ 99.81529822876793,
+ 101.18633424390684,
+ 100.91082250223297,
+ 102.27531659067857,
+ 102.01149147361147,
+ 100.89656762400125,
+ 100.58961693583362,
+ 101.82045705138276,
+ 101.74012541999592,
+ 100.23439601584714,
+ 99.7625575429168,
+ 97.89655961931749,
+ 96.37073646417497,
+ 93.82957479757582,
+ 95.1439582916727,
+ 94.16761192649184,
+ 93.67427614778569,
+ 94.22044404630887,
+ 94.33512145717424,
+ 96.16657573347949,
+ 95.58520258027762,
+ 96.30283282044942,
+ 97.1970275817016,
+ 97.78503175470497,
+ 97.1764692884937,
+ 96.33994675629687,
+ 95.85573418380903,
+ 96.72294679108482,
+ 96.4091588838273,
+ 96.85599272961463,
+ 96.49979226844597,
+ 97.40103635219346,
+ 98.45557198431624,
+ 98.3113356363415,
+ 98.70638095808897,
+ 97.61038992350258,
+ 96.92631969197137,
+ 96.53391253931267,
+ 93.5507456609991,
+ 95.55109297397198,
+ 94.12435075878423,
+ 95.31799359784924,
+ 94.67368031266143,
+ 95.04092679692033,
+ 95.06315593199317,
+ 92.88234500814187,
+ 92.86986864905191,
+ 92.841609003822,
+ 93.46593270179127,
+ 94.59548586233927,
+ 94.88722495472842,
+ 94.07574964100961,
+ 93.9943314764393,
+ 94.60896590907717,
+ 93.88693410471937,
+ 92.9208279921471,
+ 91.53784391999143,
+ 91.57836276083545,
+ 89.2928816518182,
+ 90.26002698992389,
+ 89.61879334832621,
+ 90.0492682341458,
+ 91.53598739128233,
+ 91.02031136029562,
+ 91.42529922747481,
+ 91.25850882761029,
+ 89.88608324976423,
+ 90.45135108351002,
+ 90.79889367990376,
+ 91.83431496776802,
+ 91.67491109519878,
+ 93.40194855652229,
+ 92.03017126933683,
+ 93.00648946303679,
+ 93.12046686407875,
+ 92.62523832456682,
+ 93.92101874106781,
+ 94.63953717521667,
+ 94.78458328329089,
+ 95.20963494464698,
+ 95.27879181180647,
+ 95.20037021920584,
+ 95.7680997593746
+ ]
+ }
+ },
+ {
+ id: "wrapped-steth",
+ name: "Wrapped eETH",
+ symbol: "WEETH",
+ current_price: 3743.49,
+ sparkline_in_7d: {
+ "price": [
+ 3278.945043580289,
+ 3271.226981943217,
+ 3278.913928830753,
+ 3290.4135498094042,
+ 3259.428829684676,
+ 3241.164105400033,
+ 3216.411241004362,
+ 3223.4883261224154,
+ 3237.5288470567507,
+ 3241.770541547461,
+ 3236.2421322847495,
+ 3239.0463706125092,
+ 3247.450484753085,
+ 3247.1975820955063,
+ 3222.350599798664,
+ 3230.224595262708,
+ 3307.200940391983,
+ 3272.4452667076976,
+ 3295.6481404130022,
+ 3296.931838664493,
+ 3312.404683532679,
+ 3297.499232360772,
+ 3309.650287065281,
+ 3302.9527344136254,
+ 3482.0174695575824,
+ 3523.136003037882,
+ 3523.219756913537,
+ 3426.28039847729,
+ 3507.7068835586456,
+ 3534.1459202879073,
+ 3561.3227797006452,
+ 3517.389200422323,
+ 3536.553103861561,
+ 3538.746297241777,
+ 3552.766456077096,
+ 3537.4371140530393,
+ 3490.6719457571226,
+ 3519.1470600510324,
+ 3518.314076657076,
+ 3544.236679846561,
+ 3594.760846206138,
+ 3565.8416271165484,
+ 3550.042980250431,
+ 3555.069043134885,
+ 3555.8559676802656,
+ 3546.439537240914,
+ 3503.717565597523,
+ 3524.864461712708,
+ 3528.913242448363,
+ 3472.677074399173,
+ 3465.4208510095514,
+ 3479.7418952237085,
+ 3487.4672745694907,
+ 3476.4322032154546,
+ 3459.0106412141276,
+ 3458.4813910824105,
+ 3457.830201711239,
+ 3482.995968231986,
+ 3486.3817242321734,
+ 3504.3222768382166,
+ 3514.6815487864565,
+ 3525.054601597918,
+ 3509.01425692276,
+ 3519.8274747121627,
+ 3532.714331845148,
+ 3526.9135331208804,
+ 3526.5802895243887,
+ 3521.642950594628,
+ 3546.8372351105836,
+ 3528.697585897336,
+ 3537.394199193772,
+ 3537.233276727567,
+ 3577.0082406606716,
+ 3622.874712540765,
+ 3665.2315032939387,
+ 3651.704258519733,
+ 3590.713588614798,
+ 3612.0973974024523,
+ 3603.4499883830777,
+ 3592.6522807248707,
+ 3586.674469720418,
+ 3593.8867521374887,
+ 3584.306498909303,
+ 3583.1171706247865,
+ 3603.311854618906,
+ 3617.064033346603,
+ 3619.312339726706,
+ 3613.4957775340354,
+ 3605.712283462665,
+ 3597.8567064794183,
+ 3608.3360113487347,
+ 3611.7235618685418,
+ 3585.2337108765805,
+ 3586.342387066282,
+ 3571.0165426745975,
+ 3527.07484807741,
+ 3496.7254184426456,
+ 3506.059617150391,
+ 3497.011818580411,
+ 3482.7162915702047,
+ 3481.4811650525126,
+ 3490.2669211191183,
+ 3511.0029901841317,
+ 3504.0999043498255,
+ 3507.7746470942066,
+ 3522.9137131363277,
+ 3544.059139951252,
+ 3547.021938724001,
+ 3521.7560181930094,
+ 3523.515182127181,
+ 3545.819479830572,
+ 3553.751986717724,
+ 3565.5204986742733,
+ 3561.897658942536,
+ 3571.3979366364956,
+ 3608.3861713150036,
+ 3653.5504334676934,
+ 3683.0795639860658,
+ 3659.100864390551,
+ 3674.9600320969976,
+ 3673.680516938405,
+ 3598.6227752054,
+ 3691.770940279576,
+ 3656.950076096348,
+ 3648.6177538740994,
+ 3629.4018179285217,
+ 3652.1237930385864,
+ 3675.1632939928686,
+ 3632.4351625754653,
+ 3640.1672630143075,
+ 3594.693893869924,
+ 3610.851027310774,
+ 3629.8448028955163,
+ 3623.195422489728,
+ 3622.4126993370605,
+ 3606.3381570216784,
+ 3614.668955052622,
+ 3608.443325623087,
+ 3568.0240690666815,
+ 3567.903027358407,
+ 3547.264005163145,
+ 3499.922513163021,
+ 3486.9823099004675,
+ 3491.118885155218,
+ 3485.7900933733317,
+ 3537.8455237940752,
+ 3489.055222700765,
+ 3482.282916434409,
+ 3479.38997587211,
+ 3451.2842521153666,
+ 3486.544922711248,
+ 3476.0554130980267,
+ 3514.0743698767856,
+ 3497.9280907382467,
+ 3507.687177273309,
+ 3502.447730878525,
+ 3516.8117410415616,
+ 3527.511479214281,
+ 3530.696576496887,
+ 3573.197339797097,
+ 3592.4676017819284,
+ 3611.856871342355,
+ 3604.2128581723296,
+ 3589.0014206011733,
+ 3595.2161728624433,
+ 3640.4758133190194,
+ 3638.77509071991
+ ]
+ }
+ },
+ {
+ id: "aptos",
+ name: "Aptos",
+ symbol: "APT",
+ current_price: 12.29,
+ sparkline_in_7d: {
+ "price": [
+ 12.730701132078606,
+ 12.292971286546274,
+ 12.328353700963378,
+ 12.131275944135094,
+ 12.183749268689645,
+ 11.997041791623142,
+ 11.79102403269727,
+ 11.581075274627029,
+ 11.570205898060435,
+ 11.88259008881212,
+ 11.932445603225379,
+ 11.948065253147721,
+ 11.790738202515548,
+ 11.79854819109591,
+ 11.72502187198708,
+ 11.415060145340387,
+ 11.474091718381557,
+ 11.709763386023035,
+ 11.705593060846278,
+ 11.573018615532822,
+ 11.611155521366465,
+ 11.68737752854964,
+ 11.535174168276521,
+ 11.542487579434367,
+ 11.678990953700652,
+ 12.012727291582129,
+ 12.157525555469451,
+ 12.114019865058827,
+ 11.979391401990455,
+ 12.041700239923285,
+ 12.143790789437064,
+ 12.074855404161207,
+ 11.969052067457032,
+ 11.971029322055866,
+ 11.981202892365651,
+ 12.047971942455101,
+ 12.087397721475961,
+ 11.843192055472636,
+ 12.121031910784016,
+ 12.089422085676178,
+ 12.10292617693121,
+ 12.150196766801688,
+ 12.141209395479212,
+ 12.002244091081803,
+ 11.922519228727518,
+ 11.96566716762398,
+ 11.929912058069823,
+ 11.711385625949424,
+ 11.960339356628316,
+ 12.04780153020543,
+ 11.879607116719349,
+ 11.739842384917313,
+ 12.003235500596094,
+ 12.053678198770935,
+ 12.01093330621429,
+ 11.992560231005987,
+ 12.000617330693938,
+ 12.134023164021347,
+ 12.238745683757646,
+ 12.203902224980181,
+ 12.42103607329649,
+ 12.49926302380325,
+ 12.625437943556289,
+ 12.49236420018515,
+ 12.55820458858095,
+ 12.777520657803842,
+ 12.691256157592631,
+ 12.693300569035287,
+ 12.769030805645956,
+ 12.720306216247648,
+ 12.616089328137992,
+ 12.526524711944703,
+ 12.607183252448065,
+ 12.780948743402538,
+ 12.932056461887917,
+ 13.052010478784773,
+ 13.108731209451905,
+ 12.615225574651811,
+ 12.816777870963712,
+ 12.905940775688908,
+ 12.766554104566554,
+ 12.575140482869237,
+ 12.858575088717869,
+ 12.764443399488592,
+ 12.754147840171065,
+ 13.095274298608695,
+ 13.272332932842248,
+ 13.153773333763773,
+ 13.278442216052005,
+ 13.017079143253245,
+ 12.934941528045949,
+ 12.95532337141131,
+ 12.93825597592603,
+ 12.733330658599519,
+ 12.592303568600721,
+ 12.436861782857559,
+ 12.04995858771027,
+ 11.815763176492533,
+ 11.904372221245856,
+ 11.982023039218467,
+ 11.817687992794681,
+ 11.786212686016116,
+ 11.90407720944084,
+ 12.033513718496405,
+ 12.001385438164883,
+ 12.150817206739685,
+ 12.196570789726628,
+ 12.391297817994882,
+ 12.458003284685388,
+ 12.371085894616014,
+ 12.114049597974383,
+ 12.258734620102997,
+ 12.327197441031066,
+ 12.40071709770138,
+ 12.292149368575748,
+ 12.471852584065884,
+ 12.539905993178948,
+ 12.662838826182602,
+ 12.75291280296608,
+ 12.626536030683395,
+ 12.591393614930734,
+ 12.474121409863633,
+ 12.091421718933532,
+ 12.652329237497726,
+ 12.141717544677704,
+ 12.012268961475739,
+ 12.014042834536832,
+ 12.152768332805344,
+ 12.108454447320266,
+ 11.991435217519157,
+ 12.017028746014821,
+ 11.803659751026412,
+ 11.977922556071931,
+ 12.07666278207759,
+ 11.941142724482932,
+ 11.976462065675646,
+ 11.973119116167599,
+ 12.034212498420514,
+ 11.907231017181974,
+ 11.647622301803375,
+ 11.493082718171378,
+ 11.426761615844844,
+ 11.184421714885037,
+ 11.223233452890645,
+ 11.266310943781614,
+ 11.451438345575491,
+ 11.661051398454049,
+ 11.441323221369363,
+ 11.68105268862668,
+ 11.572198300457037,
+ 11.500368045106336,
+ 11.7113068553764,
+ 11.740824118064344,
+ 11.792908058856096,
+ 11.893988727935072,
+ 12.043714513593105,
+ 11.818744453385376,
+ 11.94996173874225,
+ 12.00418870788023,
+ 11.927728775197949,
+ 11.910409803653224,
+ 11.907281152163726,
+ 11.912010092071144,
+ 12.028336067598394,
+ 12.081741861931288,
+ 12.045138088744439,
+ 12.158846595111942,
+ 12.195146094412282
+ ]
+ }
+ },
+ {
+ id: "hedera-hashgraph",
+ name: "Hedera",
+ symbol: "HBAR",
+ current_price: 0.145,
+ sparkline_in_7d: {
+ "price": [
+ 0.12388514308756356,
+ 0.12667572735755148,
+ 0.1272222131677196,
+ 0.1268706986177462,
+ 0.12411547537106538,
+ 0.12371288814533964,
+ 0.12056017918337007,
+ 0.12190345693796163,
+ 0.12105812802887174,
+ 0.12306285412194695,
+ 0.12318725331260322,
+ 0.12293225907141003,
+ 0.1236359208960133,
+ 0.12969691638840997,
+ 0.1335348012215493,
+ 0.13165742908469888,
+ 0.12762238873121898,
+ 0.126194716990318,
+ 0.12329157275100816,
+ 0.1240053782268899,
+ 0.12552445993821482,
+ 0.12439179762991075,
+ 0.1230290758650984,
+ 0.12179863914609657,
+ 0.12138644452743513,
+ 0.12314691115789053,
+ 0.12288154834666015,
+ 0.1202029580454986,
+ 0.12045377649242771,
+ 0.12160989468649075,
+ 0.12175391551058226,
+ 0.12463890846669894,
+ 0.1232132682610409,
+ 0.12190289502015918,
+ 0.12353782400120623,
+ 0.12502142838169364,
+ 0.12627300206749156,
+ 0.1231973120885342,
+ 0.12257274872278662,
+ 0.12427466273207737,
+ 0.13013593795469452,
+ 0.1346114240445724,
+ 0.1374119199995585,
+ 0.13301170235425588,
+ 0.12959450770301192,
+ 0.13522863634272161,
+ 0.13586277070223532,
+ 0.1369699998454466,
+ 0.13673006003600635,
+ 0.13540111836397611,
+ 0.13001809244189744,
+ 0.13130244455286658,
+ 0.13094826056472908,
+ 0.1363049886160903,
+ 0.13735081333449345,
+ 0.1368231706606017,
+ 0.1385968796156573,
+ 0.13962935704034668,
+ 0.15248981312729532,
+ 0.1521234306104094,
+ 0.1481155182678092,
+ 0.157225866993723,
+ 0.16671499152220423,
+ 0.14824733298533302,
+ 0.14926317173834122,
+ 0.1483534449311633,
+ 0.15036087067740664,
+ 0.15035984139514758,
+ 0.14974107529581493,
+ 0.1501379635878676,
+ 0.1485790168460374,
+ 0.1477342964174944,
+ 0.1507299719148711,
+ 0.1516042779297234,
+ 0.15022257504220837,
+ 0.15150162107535448,
+ 0.1598483708001095,
+ 0.1496814547933076,
+ 0.15420534999320326,
+ 0.1560362982376077,
+ 0.15539862483199887,
+ 0.15159774430186854,
+ 0.15271771744991572,
+ 0.1536997240182605,
+ 0.1525694862224082,
+ 0.15264583720117397,
+ 0.15331058836532704,
+ 0.15678876317780438,
+ 0.1534945789764594,
+ 0.15067512633069424,
+ 0.14901376356655566,
+ 0.15046778570761185,
+ 0.1512512614815412,
+ 0.14948353979850318,
+ 0.15069303069564266,
+ 0.15083894804789444,
+ 0.14558221339140198,
+ 0.14365216144298218,
+ 0.14349678877603753,
+ 0.1400349981085088,
+ 0.1369940915919847,
+ 0.13960507193542673,
+ 0.1408987897517096,
+ 0.14287574003889605,
+ 0.1438109690722111,
+ 0.14553567352846802,
+ 0.14597410724261398,
+ 0.1485859253164714,
+ 0.14726662516798658,
+ 0.14196881423691385,
+ 0.1402778917994653,
+ 0.14053388245697312,
+ 0.1419822568859998,
+ 0.14377780210811328,
+ 0.14332956296571203,
+ 0.14382765069735226,
+ 0.14509731910111975,
+ 0.14632524132775618,
+ 0.14654617112431945,
+ 0.14455685657381848,
+ 0.1428871723223329,
+ 0.14008112348720278,
+ 0.13728470944874677,
+ 0.13956090392285966,
+ 0.13608150104837366,
+ 0.13713705736028342,
+ 0.13611343571306353,
+ 0.13830929718696885,
+ 0.13733043744841192,
+ 0.1362248206299167,
+ 0.13578604141340578,
+ 0.13410559697230592,
+ 0.13624887205422778,
+ 0.1397390938795427,
+ 0.13901825061139556,
+ 0.13815393216688446,
+ 0.1390628723703275,
+ 0.1392133405325365,
+ 0.13586057848189365,
+ 0.13475183384601142,
+ 0.1318279287268284,
+ 0.13236800615974254,
+ 0.12918356780052276,
+ 0.1297238055255265,
+ 0.13151415458738294,
+ 0.13197961823016494,
+ 0.13522575787941812,
+ 0.1339606625064423,
+ 0.13623183708210596,
+ 0.13913483483736017,
+ 0.13544396489616928,
+ 0.13719379049445662,
+ 0.13704849453453197,
+ 0.1381366088073228,
+ 0.1382707939893025,
+ 0.13878283807512717,
+ 0.13451419102758316,
+ 0.13612356280915178,
+ 0.13546769764769706,
+ 0.13493630929433673,
+ 0.13323747192282684,
+ 0.13379440432261477,
+ 0.1369117152852253,
+ 0.1388202187703231,
+ 0.1387084544406051,
+ 0.14099380616179497,
+ 0.1410699900206772
+ ]
+ }
+ }
+ ],
+ wallet: [],
+ coins: [],
+ loadingCoins: true,
+ showContactModal: false,
+ showModal: false,
+ showOverallHoldings: false,
+ showWallet: false,
+ showFavorites: false,
+ },
+ actions: {
+ setShowContactModal: () => {
+ setStore({ showContactModal: !getStore().showContactModal })
+ },
+ setShowOverallHoldings: () => {
+ setStore({ showOverallHoldings: true })
+ setStore({ showWallet: false })
+ setStore({ showFavorites: false })
+ },
+ setShowWallet: () => {
+ setStore({ showWallet: true })
+ setStore({ showOverallHoldings: false })
+ setStore({ showFavorites: false })
+ },
+ setShowFavorites: () => {
+ setStore({ showFavorites: true })
+ setStore({ showWallet: false })
+ setStore({ showOverallHoldings: false })
+ },
+ fetchCoins: async () => {
+ setStore({ loadingCoins: true });
+ try {
+ const response = await fetch(
+ "https://api.coingecko.com/api/v3/coins/markets?vs_currency=usd&order=market_cap_desc&per_page=30&page=1&sparkline=false"
- //reset the global store
- setStore({ demo: demo });
- }
- }
- };
+ );
+ const data = await response.json();
+ setStore({ coins: data, loadingCoins: false });
+ } catch (error) {
+ console.error("Error fetching coins:", error);
+ setStore({ loadingCoins: false });
+ }
+ },
+ signUp: (username, password) => {
+ console.log(`Sign-up request for: ${username}`);
+ // Implement API call or logic for user registration
+ },
+ login: () => {
+ setStore({ username: "JohnDoe" }); // Replace with actual login logic
+ console.log("User logged in"); // Optional: Debugging message
+ },
+ logout: () => {
+ setStore({ username: null }); // Clear the username
+ console.log("User logged out"); // Optional: Debugging message
+ },
+ search: (query) => {
+ console.log("Search query:", query); // Implement actual search logic
+ },
+ getMessage: async () => {
+ try {
+ const resp = await fetch(process.env.BACKEND_URL + "/api/hello");
+ const data = await resp.json();
+ setStore({ message: data.message });
+ return data;
+ } catch (error) {
+ console.log("Error loading message from backend", error);
+ }
+ },
+ changeColor: (index, color) => {
+ const store = getStore();
+ const demo = store.demo.map((elm, i) => {
+ if (i === index) elm.background = color;
+ return elm;
+ });
+ setStore({ demo: demo });
+ },
+ addToFavs: (id, name, symbol, current_price) => {
+ const exist = getStore().favorites.find((favorite) => favorite.name === name)
+ if (!exist) {
+ let newFav = { name: name, id: id, symbol: symbol, current_price: current_price };
+ let newArr = [...getStore().favorites, newFav];
+ setStore({ favorites: newArr });
+ console.log("favorites:" + getStore().favorites)
+ } else { console.log("favorite exists") }
+ },
+ },
+ };
};
export default getState;
diff --git a/src/front/styles/index.css b/src/front/styles/index.css
index 1ac0e879a5..e5152fc9e1 100755
--- a/src/front/styles/index.css
+++ b/src/front/styles/index.css
@@ -1,3 +1,331 @@
/*
General Styles used on every website (Don't Repeat Yourself)
*/
+
+/* Navbar CSS */
+
+
+
+
+
+
+
+/* Footer CSS */
+.footer {
+ border-top: 1px solid white;
+ text-decoration: none;
+ color: white;
+ background-color: black;
+ display: flex;
+ flex-direction: row;
+ justify-content: space-around;
+}
+.link,
+.link:link {
+ text-decoration: none;
+}
+.link:visited {
+ text-decoration: none;
+}
+
+.link:hover {
+ text-decoration: none;
+}
+
+.link:active {
+ text-decoration: none;
+}
+
+.about {
+ height: 670px;
+ width: 400px;
+ color: black;
+ background-color: white;
+ margin: auto;
+}
+/* .firstContactDiv {
+ height: 600px;
+} */
+
+
+.contact {
+ height: 85vh;
+ width: 36%;
+ color: black;
+ background-color: silver;
+ margin-left: 32%;
+ margin-right: 32%;
+ margin-top: 10px;
+ border: none;
+ border-radius: 10px;
+}
+.text {
+ width: 100%;
+ height: 50vh;
+ min-height: 20vh;
+
+}
+.close{
+ font-size: 25px;
+}
+.mainModal{
+ border-radius: 5px;
+
+}
+
+
+
+
+
+
+
+
+
+
+
+/* Landing page CSS */
+
+#landingPage {
+ display: grid;
+ background-color: black;
+}
+
+.previewBox {
+ margin: 4vh auto;
+ display: flex;
+ height: 550px;
+ scale: 0.1;
+ opacity: 0;
+ animation: fade-in linear forwards;
+ animation-timeline: view();
+ animation-range-start: cover;
+ animation-range-end: 85vh;
+}
+
+.previewPhoto {
+ height: 550px;
+ width: 450px;
+ box-shadow: 0px 0px 55px 10px #39ff14;
+ border-radius: 5%;
+ margin-left: 50px;
+ margin-right: 50px;
+ /* scale: .1; opacity: 0;
+ animation: fade-in linear forwards;
+ animation-timeline: view();
+ animation-range-start: cover;
+ animation-range-end: 90vh */
+}
+
+@keyframes fade-in {
+ to {
+ scale: 1;
+ opacity: 1;
+ }
+}
+
+.blurbContainer {
+ text-align: center;
+ margin: auto;
+}
+
+#switchToListing {
+ background-color: #39ff14;
+ border-color: black;
+ border-width: 3px;
+}
+
+#switchToListing:hover {
+ box-shadow: 0px 0px 35px 5px #39ff14;
+}
+
+.listingLogin {
+ background-color: #39ff14;
+ border-color: black;
+ border-width: 3px;
+}
+
+.listingLogin:hover {
+ box-shadow: 0px 0px 35px 5px #39ff14;
+}
+
+.blurb {
+ font-size: 30px;
+ width: 35vw;
+ margin-bottom: 2vh;
+ color: #39ff14;
+ /* scale: .1; opacity: 0;
+ animation: fade-in linear forwards;
+ animation-timeline: view();
+ animation-range-start: cover;
+ animation-range-end: 50vh */
+}
+
+
+/* Listing page CSS */
+
+.listing-page {
+ padding: 0px;
+ font-family: Arial, sans-serif;
+}
+
+h1 {
+ text-align: center;
+ margin-top: 30px;
+ margin-bottom: 30px;
+}
+
+.coin-table {
+ width: 100%;
+ border-collapse: collapse;
+ margin: 0 auto;
+}
+
+.coin-table thead th {
+ background-color: #f4f4f4;
+ padding: 10px 15px;
+ text-align: left;
+ font-size: 16px;
+}
+
+.coin-table tbody td {
+ padding: 10px 15px;
+ border-bottom: 1px solid #eaeaea;
+}
+
+
+.coin-table tbody tr:hover {
+ transform: translateY(-5px);
+ transition: transform ;
+}
+
+
+.coin-info {
+ display: flex;
+ align-items: center;
+ gap: 10px;
+}
+
+
+.coin-image {
+ width: 50px;
+ height: 50px;
+ border-radius: 50%;
+}
+
+.coin-name {
+ font-weight: bold;
+ font-size: 14px;
+}
+
+.coin-symbol {
+ color: #666;
+ font-size: 12px;
+}
+
+.trade-button {
+ background-color: #007bff;
+ color: white;
+ border: none;
+ padding: 8px 15px;
+ border-radius: 5px;
+ cursor: pointer;
+ transition: background-color 0.2s;
+}
+
+.trade-button:hover {
+ background-color: #0056b3;
+}
+
+.coin-table tbody tr:hover {
+ background-color: #f9f9f9;
+}
+
+.coin-favorite{
+ display: flex;
+ padding: 8px 15px;
+ background: none;
+ border: none;
+ cursor: pointer;
+}
+
+/* user dashboard CSS */
+
+#dashboardWhole {
+ display: flex;
+}
+#togglePages {
+ /* display:block; */
+ background-color: black;
+ color: #39ff14;
+ width: 11vw !important;
+}
+.nav-link {
+ color: #39ff14
+}
+.nav-pills .nav-link.active {
+ background-color: #39ff14;
+ color: black;
+ text-decoration: black;
+}
+#dashboardContent {
+ /* width: 90vw; */
+ width: fit-content;
+}
+
+
+/* Favorites CSS */
+
+/* .fav{
+ height: 85vh;
+} */
+
+#favoriteScreen {
+ /* display: flex;
+ flex-wrap: wrap; */
+ background-color: black;
+ justify-content: center;
+ margin-left: 0;
+
+}
+
+.favCardOut {
+ padding: 5vw;
+ background-color: black;
+}
+
+.favCardIn {
+ border: 2px solid #39ff14;
+ background-color: #90978f;
+ border-radius: 2%;
+}
+
+.favCardTop {
+ padding-top: 2vh;
+ height: 25vh;
+ width: 20vw;
+ border-bottom: 2px solid black;
+}
+
+.favCardBody {
+ background-color: #90978f;
+}
+
+.favMoreInfoButton {
+ background-color: #39ff14;
+ border-color: black;
+ border-width: 1px;
+}
+
+.favMoreInfoButton:hover {
+ box-shadow: 0px 0px 35px 5px #39ff14;
+}
+
+/* Wallet CSS */
+
+/* Overall Performance CSS */
+
+/* Login/singup modal */
+
+/* Contact us modal */
+
+/* about us page CSS */
diff --git a/template.html b/template.html
index 9f8b46a227..33fded8751 100755
--- a/template.html
+++ b/template.html
@@ -5,9 +5,11 @@
+
+ -
+
- + actions.setShowOverallHoldings()} + > + Overall Holdings + + +
- + actions.setShowWallet()} + > + Wallet + + +
- + actions.setShowFavorites()} + > + Favorites + + +
+ {store.showOverallHoldings ? (
+
+