Skip to content

Explore the world of cryptocurrencies with this innovative demo application. Effortlessly browse, preview and choose your favorite cryptocurrencies!

Notifications You must be signed in to change notification settings

yanko-belov/crypto-lister-nuxt

Repository files navigation

CryptoLister

CryptoLister

CodeCov End-to-end Tests Unit tests

Explore the world of cryptocurrencies with this innovative demo application. Effortlessly browse, preview and choose your favorite cryptocurrencies!

Nuxt.js Vue.js Pinia TypeScript JavaScript Node.js Tailwind CSS Vite Cypress.io Vitest ESLint Prettier StyleLint GitHib Actions


CryptoLister Demo

Netlify Status

About

You can contact me at [email protected].

Technologies Used

This project was built using the following technologies:

  • Nuxt.js
  • Vue.js
  • Pinia
  • TypeScript
  • JavaScript
  • Node.js
  • Tailwind
  • Vite
  • Cypress
  • Vitest
  • ESLint
  • Prettier
  • StyleLint
  • CI/CD with GitHub Actions

Installation

To run this project locally, you will need to follow these steps:

  1. Clone this repository to your local machine.
  2. Install the required dependencies by running npm install.
  3. Copy the .env.example file to .env
  4. Go to CoinMarketCap API and create an account. Then, create a new API key and copy it to the VITE_NUXT_CRYPTO_API_KEY variable in the .env file.
  5. Start the development server by running npm run dev.
  6. Open your browser and navigate to http:https://localhost:3000.

Testing

This project includes the following tests:

  • End-to-end (e2e) tests using Cypress End-to-end Tests
  • Unit tests using Vitest Unit tests

Run Unit Tests

npm run test:unit

Run e2e Tests

npm run test:e2e

Code Coverage

npm run test:coverage

Screenshots

Here are some screenshots of the project:

Home Home List Favorites Overview