This project is a Cryptocurrency Dashboard application built using React.js. It provides users with real-time data on cryptocurrency prices and population statistics. This project consists of implementing three main tasks:
-
Create a Side Navigation Bar: Implement a responsive side navigation bar with at least three navigation items. The active navigation item should be highlighted.
-
Graph Population Data: Fetch population data from the provided API and create a graph to display the population data for different nations. The graph should include appropriate labels, legends, and axis titles.
-
Display Cryptocurrency Prices: Fetch cryptocurrency prices from the provided API and display them in visually appealing cards. The cards should showcase Bitcoin prices in multiple currencies.
Objective: Implement a side navigation bar similar to the provided image. Requirements:
- Responsive layout with a hamburger menu for smaller screens.
- At least three navigation items.
- Highlight the active navigation item.
Objective: Fetch population data from the provided API and create a graph. Requirements:
- Utilize React JS and Chart.js.
- Display population data for different nations.
- Provide appropriate labels, legends, and axis titles.
Objective: Fetch cryptocurrency prices from the provided API and display them in cards. Requirements:
- Fetch data asynchronously using React's lifecycle methods or hooks.
- Display Bitcoin prices in multiple currencies.
- Design visually appealing cards to showcase the cryptocurrency prices.
- React.js
- Axios (for making HTTP requests)
- Chart.js (for rendering graphs)
- Tailwind CSS (for styling)
- Lucide Icons (for sidebar icons)
-
Clone the repository:
git clone https://github.com/DiyaVj/CryptoDash.git -
Navigate to the project directory:
cd project-directory -
Install dependencies:
npm install
- Start the development server:
npm start - Access the application in the browser:
http://localhost:3000
This project is licensed under the MIT License.