Twinkle is your charming companion for staying updated on your favorite stocks, offering a clean, delightful, and user-friendly interface. https://twinkle-demo.ryawaa.com
Find a file
2024-09-06 23:16:47 +08:00
public feat: implement skeletons, fix css, etc 2024-09-06 21:46:34 +08:00
src feat: implement skeletons, fix css, etc 2024-09-06 21:46:34 +08:00
.env.example new: example env 2024-09-06 11:41:17 +08:00
.eslintrc.json chore: disable temporarily 2024-09-06 22:46:50 +08:00
.gitignore Initial commit from Create Next App 2024-09-06 11:08:46 +08:00
docker-compose.yml feat: docker 2024-09-06 22:59:09 +08:00
Dockerfile feat: docker 2024-09-06 22:59:09 +08:00
next copy.config.mjs feat: implement skeletons, fix css, etc 2024-09-06 21:46:34 +08:00
next.config.mjs chore: disable temporarily 2024-09-06 22:48:52 +08:00
package-lock.json improve: nav ui 2024-09-06 16:37:27 +08:00
package.json improve: nav ui 2024-09-06 16:37:27 +08:00
postcss.config.mjs Initial commit from Create Next App 2024-09-06 11:08:46 +08:00
README.md update: readme 2024-09-06 23:16:47 +08:00
tailwind.config.ts feat: ticker, catpuccin theme, base layout 2024-09-06 13:13:21 +08:00
tsconfig.json chore: disable temporarily 2024-09-06 22:53:04 +08:00

image

Twinkle - Your Symbol Twinkling at the Distance

Twinkle is your charming companion for staying updated on your favorite stocks, offering a clean, delightful, and user-friendly interface. Powered by my Sparkle Aggregator API (check out the API here), Twinkle is a feature-rich app that lets you easily track stock prices in real-time.

Demo: twinkie-demo.ryawaa.com 🌐

Source Code: Available here and on code.lgbt! 🏳️‍🌈


🚀 Features

  • Real-Time Stock Prices: Keep track of the latest stock prices with real-time updates.
  • Beautiful UI: Designed with both light and dark modes, making it comfortable for all-day use.
  • Company Information: Get detailed insights into each company's financials, recommendations, and news.
  • Live News Feed: Stay up-to-date with related financial and market news for your favorite stocks.
  • Recommendation Trends: Visualize trends such as strong buy, buy, hold, sell, and strong sell for selected stocks.
  • Dark Mode: Automatic dark mode for a more comfortable viewing experience at night or in low-light environments.
  • Source Code Available: Open source on code.lgbt 🏳️‍⚧️!

This project is not production-ready, but you can easily run it locally. I've prioritized feature richness over simplicity in this version, but a refactor is on the way in the branch/refactor.

1. Clone the repository:

git clone https://code.lgbt/ryanamay/twinkle
cd twinkle

2. Set up your environment

You'll need to create a .env file with the following content:

NEXT_PUBLIC_SPARKLE_BASE_URL=https://sparkle-demo.ryawaa.com

3. Running with Docker Compose (Note: TypeScript issues may arise when building)

docker-compose up

For now, it's better to run the project locally without Docker until the issues are resolved.

4. Running Locally (Manual Setup):

npm install
npm run dev

This will start the application on http://localhost:3000.


🛠 Deployment

Though it's not yet production-ready, you can deploy Twinkle using any cloud provider that supports Docker or by running it directly on a server. Just keep in mind that the current codebase might need refinement for production environments, and the refactor branch is in progress.


📝 License

Twinkle is licensed under an open-source license. Feel free to use it, contribute, and make it better.

Note: The repository is also hosted on code.lgbt a community-driven git platform for diverse developers! 🌈