Next Crypto App

This is a Next.js project bootstrapped with create-next-app.

Crypto app

Explore the docs »
View Demo · Report Bug

Table of Contents

1. About The Project
   • Built With
2. Getting Started
   • Prerequisites
   • Installation
3. Usage
4. License
5. Contact
6. Acknowledgements

About The Project

A website with information about crypto currencies and data.

Built With

• Next.js
• HTML5
• Tailwind Css
• GSAP
• Classnames

Getting Started

To get a local copy up and running follow these simple steps.

Prerequisites

• npm

  npm install npm@latest -g

Installation

1. Clone the repo

   git clone https://github.com/ChristianPredoianu/next-crypto-app.git

2. Install NPM packages

   npm install

3. Serve with hot reload at localhost

    npm run dev

4. Build for production

    npm run build
   

Usage

Navigate around the site, toggle dark mode (Not using window.matchMedia to detect system preferance though).

---/currencyInfo route: User can open tabs to navigate to details about a specific currency.

---/exchange route: See info about top 5 crypto currencies. Navigate a list of currencies with the help of pagination. Filter currency data (ascending, descending) and reset the filter.

Scroll up and down to animate cards (GSAP ScrollTrigger)

License

Distributed under the MIT License. See LICENSE for more information.

Contact

Christian Predoianu - @linkedin - christianpredoianu@yahoo.com

Project Link: https://github.com/ChristianPredoianu/next-crypto-app

Acknowledgements

• Google Fonts
• Font-Awesome
• CoinGecko API