Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/vnegi10/crypto-return-calculator
Framework dashboard to track Crypto portfolio investment return
https://github.com/vnegi10/crypto-return-calculator
blockchain framework javascript observable python3
Last synced: 12 days ago
JSON representation
Framework dashboard to track Crypto portfolio investment return
- Host: GitHub
- URL: https://github.com/vnegi10/crypto-return-calculator
- Owner: vnegi10
- Created: 2024-03-02T17:36:02.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2024-05-17T06:26:22.000Z (7 months ago)
- Last Synced: 2024-11-29T03:13:01.855Z (24 days ago)
- Topics: blockchain, framework, javascript, observable, python3
- Language: TypeScript
- Homepage: https://vnegi10.github.io/Crypto-return-calculator/
- Size: 66.4 KB
- Stars: 2
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Crypto Return Calculator
This is an [Observable Framework](https://observablehq.com/framework) project. To start the local preview server, run:
```
yarn dev
```
Then visit to preview your project.
For more, see .
## Deployment
The dashboard is deployed via GitHub Pages, and can be
visited [here.](https://vnegi10.github.io/Crypto-return-calculator/) It is scheduled
to update every two hours. Build and deploy steps can be found in
[this](https://github.com/vnegi10/Crypto-return-calculator/blob/main/.github/workflows/deploy.yml)
GitHub Actions workflow file.
## Project structure
A typical Framework project looks like this:
```ini
.
├─ docs
│ ├─ components
│ │ └─ timeline.js # an importable module
│ ├─ data
│ │ ├─ launches.csv.js # a data loader
│ │ └─ events.json # a static data file
│ ├─ example-dashboard.md # a page
│ ├─ example-report.md # another page
│ └─ index.md # the home page
├─ .gitignore
├─ observablehq.config.ts # the project config file
├─ package.json
└─ README.md
```
**`docs`** - This is the “source root” — where your source files live. Pages go here. Each page is a Markdown file. Observable Framework uses [file-based routing](https://observablehq.com/framework/routing), which means that the name of the file controls where the page is served. You can create as many pages as you like. Use folders to organize your pages.
**`docs/index.md`** - This is the home page for your site. You can have as many additional pages as you’d like, but you should always have a home page, too.
**`docs/data`** - You can put [data loaders](https://observablehq.com/framework/loaders) or static data files anywhere in your source root, but we recommend putting them here.
**`docs/components`** - You can put shared [JavaScript modules](https://observablehq.com/framework/javascript/imports) anywhere in your source root, but we recommend putting them here. This helps you pull code out of Markdown files and into JavaScript modules, making it easier to reuse code across pages, write tests and run linters, and even share code with vanilla web applications.
**`observablehq.config.ts`** - This is the [project configuration](https://observablehq.com/framework/config) file, such as the pages and sections in the sidebar navigation, and the project’s title.
## Command reference
| Command | Description |
| ----------------- | -------------------------------------------------------- |
| `yarn install` | Install or reinstall dependencies |
| `yarn dev` | Start local preview server |
| `yarn build` | Build your static site, generating `./dist` |
| `yarn deploy` | Deploy your project to Observable |
| `yarn clean` | Clear the local data loader cache |
| `yarn observable` | Run commands like `observable help` |