Crypto Compass is a React-based application that provides users with up-to-date information on currency exchange rates between various national currencies and the top 20 cryptocurrencies by market value.
You can check out the live version of the Crypto Compass deployed on Vercel by clicking the link below:
- Real-Time Updates: Get live exchange rates for national currencies and the top 20 cryptocurrencies, ensuring you have the most accurate information.
- User-Friendly Interface: Display a list of pet patients with their information and symptoms.
- Currency Conversion: Convert between different currencies and cryptocurrencies effortlessly.
- Multi-Currency Support: Access exchange rates for a wide range of global currencies alongside the top 20 cryptocurrencies.
- CryptoCompare API: The app utilizes the CryptoCompare API to fetch real-time data on cryptocurrency values and exchange rates.
The project was developed using:
- React: A JavaScript library for building user interfaces.
- Vite: A fast build tool for modern web applications.
- TypeScript: A typed superset of JavaScript that compiles to plain JavaScript.
- Zustand: A lightweight state management library for React that simplifies global state management using hooks.
- Zod: A TypeScript-first schema declaration and validation library that simplifies API response handling and ensures type safety.
- Spinkit: A CSS spinner library by Tobias Ahlin, used to enhance the user experience with visually appealing loading indicators.
- Axios: For making HTTP requests to the cryptocompare.com API, ensuring efficient data retrieval.
- vercel: A platform for deploying and hosting web applications quickly and efficiently. It offers automatic deployment, preview of changes, and a global CDN to enhance performance.
-
Clone the repository:
git clone https://github.com/habidbesp/Crypto-Compass.git
-
Navigate to the project directory:
cd Crypto-Compass -
Install dependencies:
npm install
-
Run the project in development mode:
npm run dev
-
Open in your browser: http://localhost:5173
This application was developed as part of the Udemy course:
"React: Hooks y State hasta TypeScript, Zod, Zustand, React Query, Next.js, React Router, MERN y PERN"
Taught by: Juan Pablo De la Torre Valdez
More about the course
Contributions are welcome! If you have suggestions, ideas, or improvements, feel free to open an issue or submit a pull request.
This project is licensed under the MIT License.