This Project is an assignment which is build using Next.js Tailwind CSS .
-
The Crypto Currency Price Tracker is a web application that fetches the top 50 cryptocurrencies along with their current market prices using an open API. The application will display this information on the home screen in a clear and user-friendly manner.
-
The application will be built using Next.js, which is a popular React-based framework for server-side rendering and building static websites. For the design and responsiveness of the site, Tailwind CSS will be used. This will ensure that the application looks great and functions well on both desktop and mobile devices.
- Home screen: Upon launching the application, the home screen will display a list of the top 50 cryptocurrencies along with their current market prices, fetched from an open API.
- Search: The application will allow users to search for specific cryptocurrencies using a search bar. This will enable users to quickly and easily find the information they need.
- Sorting and Filtering: Users will be able to sort the cryptocurrencies based on different criteria, such as market capitalization or price change over a certain period. Additionally, users will be able to filter the cryptocurrencies based on different categories, such as coins vs. tokens.
- Responsive Design: The application will be designed to be responsive, ensuring that it looks great and functions well on both desktop and mobile devices.
coinwatch_3dR0RHWN.mp4
First, run the development server:
cd to coinwatch
npm install
npm run devOpen http://localhost:3000 with your browser to see the result.
- After clicking on each section of coin you can get all the information about the coin with the Graph💹 or Chart📊 of there price value.
- Some routing functionality after clicking on the icon like trending coin and User SignIn🔐.
- Lazy Loading 🦥
- Adding Pagination 📟