Test it out at kynos.cc
Kynos is a sophisticated web application that allows users to generate and visualize interactive stock charts. Built with Next.js, React, and TypeScript, it provides a seamless and responsive user experience for exploring historical stock data.
- Interactive Stock Search: Utilizes Fuse.js for fast, fuzzy searching of stock symbols and company names.
- Dynamic Chart Generation: Creates responsive, interactive line charts using Recharts.
- Customizable Time Periods: Users can select from various time ranges (1M, 3M, 6M, 1Y, 2Y, 5Y) to view stock performance.
- Real-time Data: Fetches up-to-date stock data from the Polygon.io API.
- Dark Mode Support: Seamless integration with system preferences and manual theme toggling.
- Responsive Design: Optimized for both desktop and mobile viewing experiences.
- Performance Optimized: Implements caching strategies and efficient data handling for quick load times.
- Frontend: Next.js, React, TypeScript
- Styling: Tailwind CSS
- Charts: Recharts
- Search: Fuse.js
- API: Next.js API Routes
- Data Source: Polygon.io API
- Node.js (v14 or later)
- npm or yarn
- Polygon.io API key
-
Clone the repository:
git clone https://github.com/yourusername/kynos.git cd kynos
-
Install dependencies:
npm install
or
yarn install
-
Set up environment variables: Create a
.env.local
file in the root directory and add your Polygon.io API key:POLYGON_API_KEY=your_api_key_here
-
Run the development server:
npm run dev
or
yarn dev
-
Open http://localhost:3000 in your browser to see the application.
- Use the search bar to find a stock by company name or symbol.
- Select a time period from the dropdown menu.
- Click "Generate" to create the stock chart.
- Interact with the chart to view specific data points.
app/
: Next.js app router and API routescomponents/
: React components includingInteractiveStockChart
andStockSearch
lib/
: Utility functions and helperspublic/
: Static assets
Contributions are welcome! Please feel free to submit a Pull Request.
This project is licensed under the MIT License - see the LICENSE file for details.
- Original concept forked from aryanvichare/stocks
- Stock data provided by Polygon.io
- Fuzzy search by Fuse.js
For any queries or suggestions, please open an issue on this repository.