Asset-Screener-App

Crypto Asset Screener

Crypto Asset Screener App, with full CRUD functionality.

Explore the docs »

View Demo
·
Report Bug
·
Request Feature

Table of Contents

About The Project
Roadmap
Contact
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

Main user dashboard:

User watchlist:

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:

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

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

(back to top)

Built With

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