Criptoapp

A website that displays information about cryptocurrencies in a table format. Allows sorting by market value, price in dollars, 24-hour variation, and traded volume, as well as searching for specific cryptocurrencies.

View the Application 🌎

Criptoapp

Desktop Version 🖥️

Mobile Version 📱

Functionalities ☑️

• Cryptocurrency search input;
• Detail page of the coins;
• Sort coins by market value, price in dollars, volume or 24-hour variation;
• Page loader;
• Load button to display +10 currencies;
• Responsive layout;
• Go back to the home page when the logo is clicked.
• Redirect to home page if the cryptocurrency is not found.

Used Technologies ⚙️

• React JS: JavaScript library for building user interfaces.
• TypeScript: adds additional syntax to JavaScript to support a tighter integration with the editor. Catch errors early in the editor.
• CSS modules: CSS file where all class names and animation names are scoped locally by default.
• Coincap API: Provides real-time data for various cryptocurrencies, including prices, market caps, and volume.
• React-router-dom: A library for handling navigation between pages in React web applications, enabling route creation and rendering specific components for each route.

How to Run the Project

Requirements 🚀

• Node.js installed
• npm ou yarn package manager

Steps

1. Clone the repository:

   git clone https://github.com/Antonio-Savio/criptoapp.git

2. Install dependencies:

   cd criptoapp
   npm install

3. Run the project locally:

   npm run dev

4. Access the application at http://localhost:5173.

License 📄

This project is licensed under the MIT License.

You are free to use, modify, and distribute this software for personal and commercial purposes, as long as the original license and copyright notice are included. There is no warranty for the code provided, and the author is not liable for any issues arising from the use of this software.