Crypto Dashboard

Crypto Dashboard is a web application that provides real-time data and historical charts for various cryptocurrencies.

screen-capture.1.mp4

Features

• Real-time Data: Get the latest information about cryptocurrencies, including current price, market cap, and price change percentage over 24 hours.
• Historical Charts: View historical price data for cryptocurrencies in the form of interactive charts.
• Responsive Design: The application is designed to work seamlessly across different devices and screen sizes.
• Detailed Information: Access detailed information about each cryptocurrency, including name, symbol, and supply.
• User-friendly Interface: The dashboard provides an intuitive and user-friendly interface for easy navigation and interaction.

Technologies Used

• React: A powerful frontend JavaScript library for building user interfaces.
• Chart.js: A JavaScript library for creating interactive and customizable charts for data visualization.
• Axios: A popular HTTP client library based on promises, used for making asynchronous HTTP requests to API endpoints.
• React Router: A routing library for React applications, enabling declarative routing and navigation.
• Material-UI: A React component library that implements Google's Material Design for creating stylish and responsive user interfaces.
• Emotion: A JavaScript library for CSS-in-JS styling, providing a more dynamic and expressive approach to styling components in React applications.
• Framer Motion: A React animation library for creating fluid and interactive animations, transitions, and gestures.
• Typewriter Effect: A JavaScript library for adding a typewriter-like effect to text elements, enhancing user engagement and interactivity.

Installation

1. Clone the repository:

   git clone https://github.com/your-username/crypto-dashboard.git

2. Navigate to the project directory:

     cd crypto-dashboard

3. Install dependencies:

   npm install

4. Start the development server:

   npm run dev

5. Open your browser and visit http://localhost:5173 to view the application.

Usage

• Upon opening the application, you will be presented with a list of cryptocurrencies.
• Click on a cryptocurrency to view detailed information and historical price charts.
• Use the navigation menu to explore different sections of the application.

Contributing

Contributions are welcome! If you'd like to contribute to this project, please follow these steps:

1. Fork the repository.
2. Create a new branch (git checkout -b feature/your-feature-name).
3. Make your changes.
4. Commit your changes (git commit -am 'Add new feature').
5. Push to the branch (git push origin feature/your-feature-name).
6. Create a new Pull Request.