Stock Ticker Application with nextjs and Tailwind

Getting Started

First, run the development server:

1. Clone the repository

git clone https://github.com/GauravOOO2/-Stock-Ticker-Application.git

2. Install dependencies and run the application

npm i

3. run the applicaton

npm run dev

Open 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.