Skip to content

Final project for university subject Cryptocurrency Technologies. A Next.js app that fetches and visualizes blockchain data, with real-time updates, caching, and mining-related charts. 🪙💹

Notifications You must be signed in to change notification settings

anamarijapapic/crypto-project

Repository files navigation

crypto-project

Table of Contents

General Info

A Next.js-based crypto project that fetches and visualizes blockchain data for Bitcoin (BTC) and Litecoin (LTC). Features include fetching the latest blocks over predefined intervals (24H, 3D, 1M, 1Y), real-time updates via WebSocket, and Redis caching for efficient data retrieval. Displays mining-related graph visualizations such as block fee rates, block fee vs subsidy, and block rewards using React Chart.js.

Project created as a university project:
DPR013 - Cryptocurrency Technologies
University of Split - University Department of Professional Studies

Technologies

Next.js JavaScript Tailwind CSS Bitcoin RPC API Redis Socket.io Chart.js

Screenshots

Blockchain Explorer: Confirmed Blocks Blockchain Explorer (Confirmed Blocks) Figure 1: A menu with time intervals and a real-time display of the blockchain.
Block Fee Rates (Graphs) Block Fee Rates (24H) Figure 2: Visual representation of block fee rates over 24 hours. Block Fee Rates (3D) Figure 3: Visual representation of block fee rates over 3 days. Block Fee Rates (1W) Figure 4: Visual representation of block fee rates over 1 week. Block Fee Rates: Max Rates (1W) Figure 5: Visual representation of the maximum block fee rates over 1 week.
Block Fees Vs Subsidy (Graphs) Block Fees Vs Subsidy: BTC View (1W) Figure 6: Visual representation of block fees vs subsidy for Bitcoin over 1 week. Block Fees Vs Subsidy: Percentage View (1W) Figure 7: Visual representation of block fees vs subsidy as a percentage over 1 week.
Block Rewards (Graphs) Block Rewards (1W) Figure 8: Visual representation of block rewards in BTC and USD over 1 week. Block Rewards: Block Value (1W) Figure 9: Visual representation of the total block value in BTC over 1 week.

Getting Started

Prerequisites

  • Node.js
  • npm
  • Docker
  • Access credentials for the RPC server

Installation

  1. Clone the repository
    git clone git@github.com:anamarijapapic/crypto-project.git
  2. Position to the project folder
    cd crypto-project
  3. Create a .env file from the .env.example file
    cp .env.example .env
  4. Fill in the environment variables with your own values.
  5. Install the dependencies
    npm install
  6. Start Redis via Docker
    docker run -p 6379:6379 -it redis/redis-stack-server:latest
  7. Start the development server
    npm run dev
  8. Open http://localhost:3000 with your browser to see the result.

Credits

About

Final project for university subject Cryptocurrency Technologies. A Next.js app that fetches and visualizes blockchain data, with real-time updates, caching, and mining-related charts. 🪙💹

Topics

Resources

Stars

Watchers

Forks