Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/anchit1909/alpha-stonks
AlphaStonks is an online platform for stock market data. It shows top-performing and underperforming stocks, offers stock details and financials, and provides Line, Candlestick, and Bar charts. It includes a quick search feature for your favorite stocks.
https://github.com/anchit1909/alpha-stonks
alphavantage-api nextjs13 react-google-charts shadcn-ui tailwindcss zustand
Last synced: 17 days ago
JSON representation
AlphaStonks is an online platform for stock market data. It shows top-performing and underperforming stocks, offers stock details and financials, and provides Line, Candlestick, and Bar charts. It includes a quick search feature for your favorite stocks.
- Host: GitHub
- URL: https://github.com/anchit1909/alpha-stonks
- Owner: Anchit1909
- Created: 2023-10-24T16:45:24.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-12-13T05:28:07.000Z (about 1 year ago)
- Last Synced: 2024-11-11T17:34:25.745Z (3 months ago)
- Topics: alphavantage-api, nextjs13, react-google-charts, shadcn-ui, tailwindcss, zustand
- Language: JavaScript
- Homepage: https://alphastonks-project.vercel.app/
- Size: 1.04 MB
- Stars: 1
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Alpha Stonks - stocks/etfs broking website
Shop for your favourite Stocks/etfs
Introduction ·
How It Works ·
Tech Stack ·
Screenshots ·
Running Locally ·
Author
## Introduction
AlphaStonks is an online platform for stock market data. It shows top-performing and underperforming stocks, offers stock details and financials, and provides Line, Candlestick, and Bar charts. It includes a quick search feature for your favorite stocks.
## Features
- Top 20 gainers and losers displayed on the Home page.
- Company Details Page.
- Visualization of the Stock performance using Charts.
- Financials of the stock displayed on the company page.
- Search functionality to search for the stocks.
- Filter feature to filter the search among Stock, ETF, Mutual Fund.
- Suggested Stocks in the search bar.
## Tech Stack
- Javascript
- [NextJS](https://nextjs.org/)
- [Alphavantage API](https://www.alphavantage.co/)
- [Tailwind CSS](https://tailwindcss.com/)
- [Shadcn ui](https://ui.shadcn.com/)
- [Zustand](https://github.com/pmndrs/zustand)
- [React Google Charts](https://www.react-google-charts.com/) (For data visualization)
## Screenshots
### Home Page
### Company Details Page
### Line Chart
### Area Chart
### Search Functionality
## Running Locally
### Cloning the repository to the local machine.
```bash
git clone
```
### Creating an account on Alphavantage to get an API key.
1. Get an API key from the API Keys section.
### Storing API key in .env file.
Create a file in root directory of project named **.env.local**. And store your API key in it.
### Installing the dependencies.
```bash
npm install
```
### Running the application.
Then, run the application in the command line and it will be available at `http://localhost:3000`.
```bash
npm run dev
```
## Author
- Anchit Sinha ([@anchit1909](https://twitter.com/anchit1909))