Welcome to the ultra-cool and supercharged ๐ project where I replicate the Bitfinex Order Book widget! Dive into the world of cryptocurrency with real-time data streaming ๐, showing the top bids and asks without needing to hit refresh.
This project prioritized understanding the Bitfinex API and structuring the app efficiently ๐ ๏ธ. While some features like precision control and connect/disconnect functionality were conceptualized, the focus was on ensuring a solid foundation and real-time data accuracy ๐ฏ. More time was invested in grasping the Bitfinex API intricacies and planning a scalable application architecture, laying the groundwork for future enhancements.
This project leverages some of the coolest tech stacks out there to bring the Bitfinex Order Book to life:
- React โ๏ธ: A JavaScript library for building user interfaces with dynamic, interactive UIs in web applications.
- Redux Toolkit ๐งฐ: The official, opinionated, batteries-included toolset for efficient Redux development.
- WebSockets ๐: Enables real-time, bidirectional and event-based communication between web clients and servers.
- TypeScript ๐: A superset of JavaScript that adds static types to the language, enhancing code quality and understandability.
- Vite โก: A modern, lightning-fast build tool that significantly improves the development experience.
- shadcn ๐จ: A sleek UI component library that gives our application its stylish look and feel.
- Real-Time Data ๐: Stay updated with the latest market movements without manual refreshes.
- Top Orders Focus ๐ฏ: Display only the top 15 bids and asks, ensuring the most relevant data is front and center.
- Slick UI ๐
: Thanks to
shadcn
, the interface is not just functional but also easy on the eyes.
- Precision Control ๐: Conceptualized feature to adjust price precision with simple
+
and-
buttons, allowing for a customized view of the order book data. - Connect/Disconnect ๐: Planned functionality to manually manage the WebSocket connection, providing more control over data streaming and optimizing resource usage.
Clone the project, install dependencies, and start exploring the order book data:
git clone https://github.com/Deivbid/-Bitfinex-Order-Book-Replica-.git
cd your-repo-directory
bun install
bun start