/Asset-Screener-App

Crypto Asset Screener App (MERN Stack)

Primary LanguageJavaScriptMIT LicenseMIT

image


Crypto Asset Screener

Crypto Asset Screener App, with full CRUD functionality.
Explore the docs »

View Demo · Report Bug · Request Feature

Table of Contents
  1. About The Project
  2. Roadmap
  3. Contact
  4. Acknowledgments

About The Project

Asset Screener app is an app built using the MERN stack. The app allows users to signup, login, have a brief live overview of the most popular coins in the crypto markets, add their favorite coins to a watchlist and track their portfolio value.

Initial Wireframe Mockups

Login page:

login wireframe

Main user dashboard:

dashboard wireframe

User watchlist:

watchlist wireframe

User portfolio:

user portfolio

Working App Snippets

This is the main dashboard that the user sees upon a successful login. Data is real-time and obtained from API provided by Coingecko:

dashboard

User has the option to add coins to their portfolio and total portfolio value is calculated in real-time:

user portfolio page

User has the option to add coins and remove coins to their watchlist:

watchlist

(back to top)

Built With

  • React Badge
  • Express Badge
  • Node.js Badge
  • MongoDB Badge
  • JavaScript Badge
  • HTML5 Badge
  • CSS3 Badge
  • Tailwind CSS Badge
  • Netlify for client hosting
  • Cyclic for Server Deployment

(back to top)

Roadmap

  • Client

    • Styles and CSS
      • Global Navbar
      • CSS for light/dark
    • Routing
    • Login/Signup Logic
    • JWT, auth headers, ContextProvider
    • Private Routes / Redirects
    • Portfolio + Coingecko calculation & logic
    • Ticket Submission Logic
    • Ticket Search
    • Ticket History
    • Watchlist add/remove logic
    • Prevent excessive api calls by disabling buttons onClick

  • Server

    • POST Endpoints
      • Signup
      • Login
    • GET Endpoints
      • Get user details
      • Get user watchlist
      • Get user portfolio
      • Get coingecko data
    • PUT Endpoints
      • Add to watchlist
      • Add transaction to portfolio + add/remove assets/qty
    • DELETE Endpoints
      • Remove from watchlist

  • Additional Features

    • Pagination

  • Bug Fixes & Improvements

    • Backend form validation

See the open issues for a full list of proposed features (and known issues).

(back to top)

Contact

Project Link: https://github.com/nc1z/Asset-Screener-App

(back to top)

Acknowledgments

(back to top)