Skip to content

ionandrei44/crypto-wallet

Repository files navigation


banner
  1. 🤖 Introduction
  2. ⚙️ Tech Stack
  3. 🔋 Features
  4. 🤸 Overview

A web application that provides users with real-time data on the most popular cryptocurrencies, allowing them to effortlessly track their favorite coins, create custom portfolios, and assemble watchlists to monitor coins of interest.

  • Next.js (Frontend + Backend)
  • React Context API (State Management)
  • React Query + Axios (API Calls)
  • shadcn/ui (UI Styling)
  • MongoDB (Database)
  • Vercel (Deployment)
  • Google & GitHub authentication (using next-auth)
  • Monitor the most popular cryptocurrencies (price, price change, market cap, volume & circulating supply)
  • Portfolio management (create, delete, add transactions, allocation, account goal)
  • Watchlist management (create, edit, delete, add/remove coins)
  • Coin overview (total quantity owned, average buy price, total profit/loss, transactions)
  • Login Screen -> Start using the application effortlessly by selecting one of two providers: Google or GitHub. For new users, an account will be automatically created based on the email address.

login-screen


  • Main Page -> Keep an eye on live data for the top 100 coins, including their prices, price changes, volume shifts, market caps, and circulating supplies.

homepage


  • Portfolio Tracker -> Efficiently organize your assets in portfolios, with data dynamically updating in response to your actions. The allocation of a portfolio will be displayed as a piechart, while the assets will be listed in table, with the posibility to add, remove coins or add transactions to existing holdings. Each portfolio showcases the invested amount, providing clarity on your investment allocation. The "Overview" section aggregates data from all portfolios, offering a comprehensive snapshot of your overall investment.

portfolio-tracker


  • Transactions -> Within the application, you can access a detailed transaction history for each owned coin, encompassing both buy and sell transactions. This section presents essential information, such as the quantity of the coin owned, the average buy price, and the current total profit or loss, factoring in the latest market price of the coin.

transactions


  • Watchlist -> Stay updated on your favorite coins by setting up multiple watchlists. Enjoy the flexibility to add or remove coins, as well as the convenience of deleting or editing watchlists to tailor your tracking experience.

watchlist

About

Crypto Wallet - Next.js & shadcn/ui

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published