hub / github.com/connorlindsey/otel-grafana-demo
github.com/connorlindsey/otel-grafana-demo @main
Chat with this repo
51 symbols
100 edges
35 files
0 documented · 0%
● updated 4y ago★ 44
Browse by type
What it actually does AI analysis from the code graph — generated when you open this
loading…
README
OpenTelemetry - Grafana Demo
Author: Connor Lindsey
This demo application demonstrates how to monitor a JavaScript application using open source observability software. The following projects are used:
- OpenTelemetry - Instrument the application and send observability data to each backend.
- Jaeger - Distributed tracing backend.
- Prometheus - Metrics and alerting backend.
- Loki - Logs aggregation system.
- Grafana - Visualize all of our observability data.
Project Structure
- api/ - Fastify API. Instrumented with OpenTelemetry
- app/ - Simple Next.js app.
- db/ - Stores copy of Postgres data for persistence.
- config/ - Standard configuration for Prometheus, Promtail, Loki, etc.
- data/ - Stores server logs
Running the app
- Run with
npm run dev. Requires Docker and docker-compose. - Optionally, run
npm installin/apiand/app. - Open the app at http://localhost
- View traces, logs, and metrics in Grafana at http://localhost:3000
Additional Resources
- Grafana Demo
- Grafana Cloud - Actually useful free tier
- OpenTelemetry Key Terms
- OpenTelemetry JS
- OpenTelemetry JS Contrib
- OpenTelemetry Status
- UtahJS Slides
Extension points exported contracts — how you extend this code
Response (Interface)
(no doc)
app/types/common.ts
CreateCategoryInput (Interface)
(no doc)
api/src/routes/category/routes.ts
CreateTransaction (Interface)
(no doc)
app/types/common.ts
DeleteCategoryInput (Interface)
(no doc)
api/src/routes/category/routes.ts
Transaction (Interface)
(no doc)
app/types/common.ts
CreateTransactionInput (Interface)
(no doc)
api/src/routes/transaction/routes.ts
browse all types & interfaces →
Core symbols most depended-on inside this repo
formatMoney
called by 4
app/lib/formatMoney.ts
useTransactions
called by 4
app/lib/TransactionsProvider.tsx
useForm
called by 2
app/lib/useForm.ts
resetForm
called by 2
app/lib/useForm.ts
createTransaction
called by 1
app/lib/TransactionsProvider.tsx
deleteTransaction
called by 1
app/lib/TransactionsProvider.tsx
Shape
Languages
TypeScript100%
Modules by API surface
app/lib/TransactionsProvider.tsx11 symbols
app/types/common.ts5 symbols
app/lib/useForm.ts4 symbols
api/src/db/prisma.ts4 symbols
app/pages/_document.tsx3 symbols
app/components/Categories/Categories.tsx3 symbols
api/src/routes/transaction/routes.ts3 symbols
api/src/routes/category/routes.ts3 symbols
app/components/Transactions/TransactionList.tsx2 symbols
app/components/Transactions/TransactionForm.tsx2 symbols
app/pages/settings.tsx1 symbols
app/pages/dashboard.tsx1 symbols
Datastores touched
otel-grafana-demoDatabase · 1 repos
For agents
$ claude mcp add otel-grafana-demo \
-- python -m otcore.mcp_server <graph>