The Cryptotracker App provides a seamless platform to track cryptocurrency prices, compare different cryptocurrencies, and create a personalized watchlist of your preferred coins.
- 🏠 Home: The entry point to the application.
- 📊 Dashboard:
- Displays a comprehensive list of cryptocurrencies.
- Each coin is detailed in a separate card with information such as:
- Coin Name
- Price Change Percentage
- Current Price
- Total Volume
- Market Capitalization
- Option to add to your watchlist
- 🔍 Compare:
- Compare two cryptocurrencies side by side, showcasing price trends and relevant metrics.
- ⭐ Watchlist:
- Create and manage a list of your preferred cryptocurrencies for easy tracking.
Cryptocurrency data is fetched from the CoinGecko API. The application retrieves a list of all available coins upon loading the Dashboard component and displays them using pagination.
- UI Framework: React
- Styling: Emotion, MUI (Material UI)
- Routing: React Router
- State Management: React Context API
- UI Components: MUI for pre-built components
- Animations: Framer Motion
- Charting: Chart.js, react-chartjs-2
- Notifications: React Toastify for displaying notifications
- Icons: MUI Icons
- Testing: React Testing Library, Jest
- Data Fetching: Axios for making API calls to CoinGecko
- State Management: React Context API
- web-vitals: For measuring web performance metrics
- react-web-share: For sharing content
- eslint: For code linting
Feel free to fork the repository, open issues for enhancements, or contribute with pull requests. Let's build something amazing together!
If you have any questions or suggestions, feel free to reach out!