- 📈 Crypto Investment App
- Table of contents
- Introduction
- Project Scope
- User Flow
- Project Management
- Installation
- Hosted Link
Crypto Trading is a web app that displays information about the price, market cap, change in price over time, price charts of various cryptocurrencies like Bitcoin and Ethereum. The app also lets users add assets to their watchlist and mint NFTs on Solana Devnet. (Trading options are coming soon!)
| Languages | Back-End | Database | Web3 | Front-End | UI Framework | Hosting |
|---|---|---|---|---|---|---|
  |
  |
 |
   |
   |
 |
  |
TODO: Write a good description of the demo
| Cryptos Table View | Crypto Stats Page | Watchlist Page | NFT Mint Page |
|---|---|---|---|
 |
 |
 |
 |
| Landing Page | Register | Login | NFT Auth Page |
|---|---|---|---|
 |
 |
 |
 |
TODO: WRITE SCOPE
| Requirements | Status | Details |
|---|---|---|
| Use of a modern JS Library / Framework like React, Angular, etc | ✅ | React |
| Create an application that can be interacted with in a minimum of three different ways by the user | ✅ | Login/Register, Cryptocurrencies Table View, Watchlist |
| The usage of a specified architectural pattern (MVC, MVP, MWM,etc.) | ✅ | MVVM |
| Integration with a backend service developed by you with CRUD(create, read, update, delete) operations | ✅ | RESTful API with NodeJs, Express, Firestore. |
| Integration with a 3rd party RESTful API. | ✅ | CoinGecko API |
| Usage of at least 5 UI components from the material-ui/@core | ✅ | Box, MuiAppBar, MuiDrawer, Toolbar, List, ListItemIcon, ListItem, Divider, IconButton, Menu, MenuItem, Alert, AlertTitle, Table, Card, Card Content, Grid |
| An example of a reusable component that you have created and used in the app (e.g. Ul component, service, etc) | ✅ | <DashboardHeader/>, <LandingPageNavBar/>, <LoginFormView/>, <FooterComponent/>, <Home/>, <Login/>, <Register/>, <Assets/>, <Crypto/>, <Watchlist/>, <NFT/> |
| A user can... |
|---|
| View prices, market cap, change %, and price charts of various cryptocurrencies |
| View Watchlist |
| Register |
| Login |
| Logout |
| Mint an NFT |
TODO: Talk about the implemented architecture*. V1: MVVM. V2: Flux
TODO: API Design (Layered architecture with RESTful API with CRUD operations)
TODO: Component Designs MVVM architecture for this project using MobX for state management for React Components.
Talk about how users can interact w/ the app. TODO: Expand more.
I'm using GitHub Kanban to plan and organize different stages of this project.
You can view public my GitHub board here.
TODO: Write the installation instructions here.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent