/crypto-counter

Primary LanguageCSS

Demo

Overview

A cryptocurrency web application to add your crypto investments and track their performance overtime. You can count your portfolio of cryptocurrencies across multiple wallets.

Available Scripts

In the project directory, you can run:

npm run dev

Run the server and client concurrently
Open http://localhost:3000 to view it in the browser.

Features

  • Register.
  • Login.
  • Authentication.
  • Session.
  • Responsive pages.
  • Serverless.
  • Counting cryptocurrencies.

TODO

  • Feature to select different currencies.

API

This project leverages CoinGecko API which is a free cryptocurrency API that provides a lot of useful data that this app uses, including:

  • Historical price data for a coin to compute the percent increase / decrease.
  • A coin's current trading price.
  • Coin symbol and metadata such as the thumb.

Dependencies

This project uses the following dependencies:

  • react - v16.8 or above required for react hooks.
  • react-dom - v16.8 or above.
  • mongoose - ODM used for MongoDB to create models and CRUD.
  • bcryptjs - To hash and compare passwords.
  • validator - Utility when parsing user input on the server.
  • tailwindcss - CSS library that I am testing out.

Environmental variables

The environment variables will be inlined during build time.

Required environmental variables in this project include:

  • process.env.DB_USER The MongoDB Atlas username.
  • process.env.DB_PASS The MongoDB Atlas password.
  • process.env.DB_NAME The MongoDB Atlas name Default is test.
  • process.env.DB_CLUSTER The MongoDB Atlas cluster.
  • process.env.PORT (optional, Cloudinary only) The server port.

.env

I use my own MongoDB Atlas environmental variables in .env and they should be replaced with your own credentials.

Netlify Functions

The server uses Netlify Lambda Functions with Express.