https://github.com/gauravooo2/-stock-ticker-application
Stock Ticker Application
https://github.com/gauravooo2/-stock-ticker-application
csr frontend nextjs ssr
Last synced: 14 days ago
JSON representation
Stock Ticker Application
- Host: GitHub
- URL: https://github.com/gauravooo2/-stock-ticker-application
- Owner: GauravOOO2
- Created: 2025-08-22T08:22:04.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2025-08-25T13:10:22.000Z (9 months ago)
- Last Synced: 2025-09-03T21:51:27.551Z (9 months ago)
- Topics: csr, frontend, nextjs, ssr
- Language: TypeScript
- Homepage: https://stock-ticker-application-two.vercel.app
- Size: 69.3 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Stock Ticker Application with [nextjs](https://nextjs.org) and Tailwind
## Getting Started
First, run the development server:
1. Clone the repository
```bash
git clone https://github.com/GauravOOO2/-Stock-Ticker-Application.git
```
2. Install dependencies and run the application
```bash
npm i
```
3. run the applicaton
``` bash
npm run dev
```
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
This project uses the api's provided by the backend team of Trade Brains as per the given docs.
## Application Includes
1. Server Side Rendered Components (SSR)
2. Client Side Rendered Components (CSR)
3. React States.
4. Debouncing
5. Error handling
6. SEO Friendly Meta Tags
## Implimentation
1. SearchComponent: I have made this component a client side component as there are intreactive elements to it such as Input field and Click events, And implimented Search API in this component as per the result of users input. Result is shown in a simple popup table as shown in the official website
2. GraphComponent: I have used ChartJS for this component where i am rendering the graph with the history of the companies performance using the queryParameters i am passing in the url.
3. Filter component that allows users to see weekly, monthly and yearly performance in the canvas in a visualaized mannar.
4. Add Meta Tags for better SEO and top search result.
##
I have made sure i use SSR extensively as Nextjs is know for its SSR and SEO properties.
I have kept the stying simple and responsive.
Made sure to optomize code as much as possible.
## ThankYou team.