https://github.com/antonio-savio/criptoapp
🪙 A website to display information about cryptocurrencies in a table format.
https://github.com/antonio-savio/criptoapp
coincap-api css-modules react react-router typescript
Last synced: 9 months ago
JSON representation
🪙 A website to display information about cryptocurrencies in a table format.
- Host: GitHub
- URL: https://github.com/antonio-savio/criptoapp
- Owner: Antonio-Savio
- License: mit
- Created: 2024-09-25T19:00:30.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-04-13T12:41:51.000Z (10 months ago)
- Last Synced: 2025-04-13T13:34:02.788Z (10 months ago)
- Topics: coincap-api, css-modules, react, react-router, typescript
- Language: TypeScript
- Homepage: https://criptoapp-ten.vercel.app
- Size: 8.19 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
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](https://criptoapp-ten.vercel.app/)
## 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:
```bash
git clone https://github.com/Antonio-Savio/criptoapp.git
```
2. Install dependencies:
```bash
cd criptoapp
npm install
```
3. Run the project locally:
```bash
npm run dev
```
4. Access the application at http://localhost:5173.
## License 📄
This project is licensed under the [MIT License](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.