https://github.com/oceanprotocol/df-web
https://github.com/oceanprotocol/df-web
Last synced: 5 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/oceanprotocol/df-web
- Owner: oceanprotocol
- Created: 2022-05-03T07:14:34.000Z (about 4 years ago)
- Default Branch: main
- Last Pushed: 2025-05-22T09:57:49.000Z (about 1 year ago)
- Last Synced: 2025-05-22T10:56:04.879Z (about 1 year ago)
- Language: JavaScript
- Homepage: https://df.oceandao.org/
- Size: 3.25 MB
- Stars: 0
- Watchers: 5
- Forks: 4
- Open Issues: 5
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
[](https://oceanprotocol.com)
df-web
- [🏄 Get Started](#-get-started)
- [🛳 Production](#-production)
- [⬆️ Deployment](#️-deployment)
## 🏄 Get Started
Clone project and setup environment variables:
```bash
git clone git@github.com:oceanprotocol/df-web.git
cd df-web/
# copy and setup environment variables
cp .env.example .env
```
Then start the development version of the app by using either Docker, or your local system:
```bash
# using Docker
docker-compose up
# or using local system
npm install
npm run dev
```
Navigate to [localhost:8080](http://localhost:5173). You should see your app running. Edit a component file in `src`, save it, and reload the page to see your changes.
By default, the server will only respond to requests from localhost. To allow connections from other computers, edit the `sirv` commands in package.json to include the option `--host 0.0.0.0`.
You may also need to update the following files to configure your environment:
- Update `address.json` inside `src/utils/addresses/` w/ [the latest contract address.json file generated by our build system](https://github.com/oceanprotocol/contracts/blob/main/addresses/address.json). If you are building locally using Barge, your address.json file should be somewhere in the OCEAN_HOME directory `~/.ocean/ocean-contracts/artifacts/address.json`
- If you're using [Visual Studio Code](https://code.visualstudio.com/) we recommend installing the official extension [Svelte for VS Code](https://marketplace.visualstudio.com/items?itemName=svelte.svelte-vscode). If you are using other editors you may need to install a plugin in order to get syntax highlighting and intellisense.
## 🛳 Production
To create an optimised version of the app:
```bash
npm run build
```
## ⬆️ Deployment
Every Pull Request gets its own preview build via Vercel's GitHub integration.
The `main` branch is always deployed to [df-web-oceanprotocol.vercel.app](df-web-oceanprotocol.vercel.app).
Live deployments happen...