Skip to content

Commit

Permalink
FInal push
Browse files Browse the repository at this point in the history
  • Loading branch information
@spencer-sliffe
spencer-sliffe committed Dec 8, 2024
1 parent 7eb39ac commit 4ebce1d
Show file tree
Hide file tree
Showing 3 changed files with 100 additions and 26 deletions.
27 changes: 22 additions & 5 deletions client/src/views/AboutPage.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -11,15 +11,32 @@ Provides an "About Us" section for the KobraStocks application, detailing the mi
<div class="main-content">
<h2>About Us</h2>
<p>
Here we can put the mission, vision, and planning of KobraStocks. We can
put our team and values and why people should trust our site.
At Kobra Stocks, our mission is to empower individuals to make informed investment decisions by providing accurate and accessible stock market predictions.
</p>
<p>
Our vision is to revolutionize the financial landscape by bridging the gap between technology and investing, ensuring everyone has the tools to succeed in the stock market.
</p>
<h3>Our Values</h3>
<ul class="values-list">
<li><strong>Accuracy:</strong> Leveraging advanced machine learning models to deliver reliable predictions.</li>
<li><strong>Transparency:</strong> Clear and user-friendly visualizations to support investment decisions.</li>
<li><strong>Innovation:</strong> Continuously improving our platform with cutting-edge technology.</li>
<li><strong>Inclusivity:</strong> Making the stock market accessible to everyone, regardless of expertise.</li>
</ul>
<h3>Meet Our Team</h3>
<p>
The Kobra Stocks team is comprised of financial experts, data scientists, and technology enthusiasts united by a common goal: to simplify investing for everyone.
With a shared passion for innovation, our team ensures the platform remains at the forefront of market prediction technologies.
</p>
<h3>Why Trust Us?</h3>
<p>
At Kobra Stocks, we prioritize user confidence through transparency, rigorous testing of our models, and continuous optimization. Our commitment to excellence is reflected in the platform's growing community of satisfied investors.
</p>
</div>
</template>

<script>
export default {
name: 'AboutPage',
name: "AboutPage",
};
</script>

</script>
37 changes: 18 additions & 19 deletions client/src/views/ResultsPage.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -23,6 +23,16 @@ Displays detailed stock information, a stock chart, and machine learning predict
<li><strong>Earnings Date:</strong> {{ earnings_date }}</li>
<li><strong>Forward PE:</strong> {{ forward_pe }}</li>
<li><strong>Beta:</strong> {{ beta }}</li>
<li><strong>Open:</strong> {{ open }}</li>
<li><strong>Close:</strong> {{ previous_close }}</li>
<li><strong>High:</strong> {{ day_high }}</li>
<li><strong>Low:</strong> {{ day_low }}</li>
<li><strong>Volume:</strong> {{ volume }}</li>
<li><strong>Cash Per Share:</strong> {{ cash_per_share }}</li>
<li><strong>Currency:</strong> {{ currency }}</li>
<li><strong>Price:</strong> {{ price }}</li>
<li><strong>52-Week High:</strong> {{ fifty_two_week_high }}</li>
<li><strong>52-Week Low:</strong> {{ fifty_two_week_low }}</li>
</ul>
</div>
</aside>
Expand All @@ -31,20 +41,11 @@ Displays detailed stock information, a stock chart, and machine learning predict
<main class="main-content">
<!-- Stock Chart -->
<div class="chart-container" ref="chart"></div>


<!-- Today's Stats -->
<div class="card">
<h2 class="center">Stock Stats</h2>
<div class="stats-grid">
<div><strong>Open:</strong> {{ open }}</div>
<div><strong>Close:</strong> {{ previous_close }}</div>
<div><strong>High:</strong> {{ day_high }}</div>
<div><strong>Low:</strong> {{ day_low }}</div>
<div><strong>Volume:</strong> {{ volume }}</div>
<div><strong>Book Value:</strong> {{ book_value }}</div>
<div><strong>Cash Per Share:</strong> {{ cash_per_share }}</div>
<div><strong>Currency:</strong> {{ currency }}</div>
<div><strong>Date Short Interest:</strong> {{ date_short_interest }}</div>
<div><strong>Debt To Equity:</strong> {{ debt_to_equity }}</div>
<div><strong>Earnings Growth:</strong> {{ earnings_growth }}</div>
Expand All @@ -53,8 +54,6 @@ Displays detailed stock information, a stock chart, and machine learning predict
<div><strong>EBITDA Margins:</strong> {{ ebitda_margins }}</div>
<div><strong>Enterprise Value:</strong> {{ enterprise_value }}</div>
<div><strong>Exchange:</strong> {{ exchange }}</div>
<div><strong>52-Week High:</strong> {{ fifty_two_week_high }}</div>
<div><strong>52-Week Low:</strong> {{ fifty_two_week_low }}</div>
<div><strong>Financial Currency:</strong> {{ financial_currency }}</div>
<div><strong>Float Shares:</strong> {{ float_shares }}</div>
<div><strong>Free Cashflow:</strong> {{ free_cashflow }}</div>
Expand All @@ -72,7 +71,6 @@ Displays detailed stock information, a stock chart, and machine learning predict
<div><strong>Number of Analyst Opinions:</strong> {{ number_of_analyst_opinions }}</div>
<div><strong>Operating Cashflow:</strong> {{ operating_cashflow }}</div>
<div><strong>Operating Margins:</strong> {{ operating_margins }}</div>
<div><strong>Price:</strong> {{ price }}</div>
<div><strong>Price To Book:</strong> {{ price_to_book }}</div>
<div><strong>Profit Margins:</strong> {{ profit_margins }}</div>
<div><strong>Recommendation Key:</strong> {{ recommendation_key }}</div>
Expand All @@ -97,10 +95,10 @@ Displays detailed stock information, a stock chart, and machine learning predict
<div><strong>Trailing PE:</strong> {{ trailing_pe }}</div>
</div>
</div>

<br>
<!-- ML Predictions -->
<div class="card">
<h2 class="card-title">ML Predictions</h2>
<h2 class="card-title center">ML Predictions</h2>
<div v-if="loadingPredictions" class="loading-container">
<div class="spinner"></div>
<p>Loading predictions...</p>
Expand All @@ -123,7 +121,7 @@ Displays detailed stock information, a stock chart, and machine learning predict

<!-- ChatGPT Stock Analysis -->
<div class="card stock-analysis">
<h2 class="card-title">Stock Analysis</h2>
<h2 class="card-title center">Stock Analysis</h2>
<div v-if="analysisLoading" class="loading-container">
<div class="spinner"></div>
<p>Loading stock analysis...</p>
Expand Down Expand Up @@ -436,15 +434,16 @@ export default {
.page-title {
text-align: center;
font-size: 3rem; /* Keep the header large */
margin-bottom: 40px;
margin-bottom: 10px;
margin-top: -40px;
font-weight: 600;
color: #333;
}

/* Layout Grid: Prioritize Chart */
.layout-grid {
display: grid;
grid-template-columns: 200px minmax(300px, 1fr) 200px;
grid-template-columns: 250px minmax(200px, 1fr) 250px;
gap: 30px;
max-width: 1800px;
margin: 0 auto;
Expand All @@ -455,7 +454,7 @@ export default {
/* Center Column: Chart Scaling */
.chart-container {
min-height: 500px; /* Set a taller minimum height for the chart */
height: 70vh; /* Allow the chart to dynamically scale */
height: 40vh; /* Allow the chart to dynamically scale */
width: 100%; /* Fill the available space */
}

Expand All @@ -472,7 +471,7 @@ export default {
}

.chart-container {
height: 50vh; /* Scale the chart appropriately for smaller screens */
height: 30vh; /* Scale the chart appropriately for smaller screens */
}
}

Expand Down
62 changes: 60 additions & 2 deletions client/src/views/ServicesPage.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,8 +9,66 @@ Outlines the services provided by KobraStocks, such as portfolio management, rea
<template>
<div>
<div class="main-content">
<h2>Our Services</h2>
<p>Detail the range of services KobraStocks offers, such as investment portfolio management, real-time stock alerts, financial advisory, etc.</p>
<h2 class="center">Our Services</h2>
<p class="center">KobraStocks provides a suite of powerful tools and services designed to empower users in their investment journey.</p>
<p class="center">From real-time stock alerts to advanced financial advisory, we offer everything you need to stay ahead of the market.</p>
<div class="service-section">
<div class="service-card">
<h3 class="center">📈 Investment Portfolio Management</h3>
<p class="center">
Monitor, track, and optimize your investments in one place. Our portfolio management system offers a clear overview of your assets, personalized insights, and real-time performance tracking.
</p>
</div>

<div class="service-card">
<h3 class="center">🔔 Real-Time Stock Alerts</h3>
<p class="center">
Stay ahead of the market with real-time alerts. Receive instant notifications on significant price movements, news updates, and changes in your watched stocks.
</p>
</div>

<div class="service-card">
<h3 class="center">📊 Stock Price Predictions</h3>
<p class="center">
Our state-of-the-art machine learning models analyze market trends and predict future stock movements, helping you make informed investment decisions with confidence.
</p>
</div>

<div class="service-card">
<h3 class="center">📡 Real-Time Market Data</h3>
<p class="center">
Access real-time data on stock prices, financial indicators, and other key metrics. Stay connected to live market movements and never miss an opportunity.
</p>
</div>

<div class="service-card">
<h3 class="center">💡 Personalized Financial Advisory</h3>
<p class="center">
Tailored financial advice based on your goals, preferences, and risk tolerance. Our AI-powered advisory system guides you through personalized investment strategies.
</p>
</div>

<div class="service-card">
<h3 class="center">🧮 Customizable Financial Indicators</h3>
<p class="center">
Select from a wide range of financial indicators to create a model that fits your strategy. Customize technical indicators, moving averages, and other market signals.
</p>
</div>

<div class="service-card">
<h3 class="center">📅 Investment Planning Tools</h3>
<p class="center">
Plan your investment goals with our easy-to-use planning tools. From goal setting to risk analysis, our tools help you stay on track toward achieving your financial objectives.
</p>
</div>

<div class="service-card">
<h3 class="center">🔍 Stock Search & Analysis</h3>
<p class="center">
Instantly search for any stock and access comprehensive analysis, price history, and predictions. Our stock search tool provides all the data you need to make quick decisions.
</p>
</div>
</div>
</div>
</div>
</template>
Expand Down

0 comments on commit 4ebce1d

Please sign in to comment.