Simple dashboard made with Chakra UI Muse template and CoinGeko API for the cryptocurrencies data.
Overview:
CryptoWorld is a comprehensive platform designed to meet all your cryptocurrency needs. It allows users to track and manage their crypto assets, stay updated with the latest news in the Web3 world, and take advantage of various features to enhance their crypto experience.
Features:
- Login / Sign up and manage user profile: Users can create an account or log in to their existing account, and easily manage their profile details.
- Keep track of different coins in a watchlist: Users can select and add various cryptocurrencies to their watchlist, allowing them to monitor their performance and stay informed.
- Stay informed with the latest crypto news: CryptoWorld provides users with access to the latest news in the cryptocurrency industry, ensuring they stay updated with the latest developments and trends.
- Dashboard: Users can visualize their crypto assets and watchlist in a user-friendly dashboard, providing them with a holistic overview of their crypto portfolio.
- FE Framework: ReactJS: CryptoWorld is built using the ReactJS framework, ensuring a seamless and interactive user experience.
- Backend: Firebase: Firebase is used as the backend for CryptoWorld, providing a scalable and secure infrastructure for data storage and retrieval.
- Component Library: Ant Design: Ant Design is utilized as a component library, offering a wide range of pre-built UI components for fast and efficient development.
- Charts: Apex Charts: Apex Charts are integrated into CryptoWorld, enabling users to visualize data and track the performance of their crypto assets.
- Crypto API: CoinGecko: CoinGecko API is utilized to fetch real-time data and information about various cryptocurrencies, ensuring accurate and up-to-date market information.
- News API: GNews: GNews API is integrated into CryptoWorld to fetch the latest news articles related to cryptocurrencies, providing users with valuable insights and information.
- Template: Chakra UI Muse template: CryptoWorld is based on the Chakra UI Muse template, offering a visually appealing and intuitive user interface.
Installation:
Before getting started, please ensure that you have Git and Node installed on your system. If not, you can follow the links provided to install these packages. Additionally, you may need to create an account and set up the necessary API keys to utilize the APIs.
To set up CryptoWorld locally, follow these steps:
- Clone the project repository to your local machine.
- Change to the project directory and install the required dependencies.
- Start the development server on your local machine.
Note: If you are not a member of Chingu, you may need to fork the repository before cloning it.
Please be aware that using Node v18 may lead to build failures. It is recommended to use Node v16 to avoid any errors.
Summary:
CryptoWorld is a comprehensive platform that offers a wide range of features to meet the needs of crypto enthusiasts. From managing user profiles and tracking crypto assets to staying updated with the latest news and utilizing intuitive visualizations, CryptoWorld provides an all-in-one solution for users in the world of cryptocurrencies. Built with ReactJS and powered by Firebase, CryptoWorld ensures a seamless and secure experience. With integration of CoinGecko API and GNews API, users can access accurate market data and stay informed about the latest industry trends. Its user-friendly interface, backed by the Chakra UI Muse template, enhances the overall experience for users.
