Skip to content

chrisnieves60/tensorwave

Repository files navigation

Tensorwave

A React-based web application, leveraging Next.js for an enhanced development and user experience. It provides up-to-date information on a curated list of 15 stocks, fetched using the AlphaVantage API. Users can view stock details, including company overview and historical price data, in a user-friendly interface.

Features

  • Stock Listings: Displays 15 chosen stocks on the homepage in a visually appealing format (choose between Table, Tiles, or Cards).
  • Detailed Stock Information: On clicking a stock, users are directed to a detailed page showcasing the company's overview, daily prices, and essential metrics like market capitalization.
  • Responsive Design: Ensures a seamless experience across various devices, making the application mobile-friendly.
  • Visual Enhancements: Includes company logos, a sophisticated loading animation, and a line graph charting the price history for an engaging user experience.

Screenshots

Here's a look at the application in action:

Application Screenshot Application Screenshot Application Screenshot

Getting Started

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see the result.