Skip to content

Mahima507/react-crypto-ranker

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 

Repository files navigation

Crypto Ranker

Crypto Ranker is a sophisticated web app powered by Node.js and React.js, with Material-UI for styling. It offers real-time insights and rankings for cryptocurrencies, utilizing Chart.js for dynamic chart visualization, react-router-dom for seamless navigation, and Axios for efficient API requests. Enhanced UI components from Material-UI Lab and Google Fonts elevate user experience. With Crypto Ranker, users can stay informed about cryptocurrency prices and market trends, empowering them to make informed decisions in the fast-paced crypto market

Features

  • Real-time updates: Get up-to-date information on cryptocurrency prices and market trends.
  • 24-hour currency updates: Track the performance of cryptocurrencies over a 24-hour period to make informed investment decisions.
  • Currency conversion: Convert cryptocurrency prices to different fiat currencies such as USD and INR.
  • User-friendly interface: The application features an intuitive and easy-to-use interface, making it accessible to both novice and experienced users.

Technologies Used

Frontend

  • React.js: Frontend framework for building user interfaces.
  • Material-UI version 5: React component library for designing consistent and responsive UIs.
  • React Router DOM: Library for handling navigation and routing in React applications.
  • Material-UI Lab: Additional components and utilities for Material-UI.
  • Google Fonts: Collection of freely available fonts to enhance typography in web applications.
  • react-app-carousel: Component library for creating carousels in React applications.

Backend

  • Node.js: Runtime environment for executing JavaScript code on the server side.
  • Axios: Promise-based HTTP client for making API requests.

Getting Started

To get started with Crypto Ranker, follow these steps:

  1. Clone the repository to your local machine:
  git clone https://github.com/Mahima507/react-crypto-ranker.git
  1. Navigate to the project directory:
  cd crypto-ranker 
  1. Install dependencies:
 npm install
  1. Start the development server:
 npm start
  1. Open your web browser and navigate to http://localhost:3000 to view the application.

Usage

Once the application is running, you can:

  • View real-time updates on cryptocurrency prices.
  • Track the performance of cryptocurrencies over a 24-hour period.
  • Convert cryptocurrency prices to different fiat currencies.
  • Navigate between different sections of the application using the navigation bar.

Contributing

Contributions are welcome! If you have any ideas for new features, improvements, or bug fixes, feel free to open an issue or submit a pull request.

License

This project is licensed under the MIT License - see the LICENSE file for details.

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors