Admin dashboard template built with React + Vite + TypeScript
ViteReactAdmin dashboard
dj-widgets — Vite Admin dashboard Template
By DamJanJot
A dashboard template built with React, Vite, and TypeScript, featuring panels for weather, calendar, schedule, markets, news, projects, and notes, with data mainly from public APIs and localStorage.
Explore the design
Compare the page layouts and mobile experience. Open any screenshot for a closer look.
Desktop homepage
Desktop captureTop of page
Actual screenshot captured by the server browser.
One original preview is available. Open the full image to inspect the design.
Screenshots show visual appearance; interactive behavior may differ.
Recorded 2026-10-13View source
What stands out
A quick read of the recorded project description.
Integrates multiple panels including weather, calendar, schedule, markets, news, projects, and notes
Fetches public data via OpenWeatherMap, NBP, CoinGecko, and RSS2JSON
Theme switching, configurable sidebar, and locally persisted settings
Provides main routes such as /dashboard, /markets, /day-plan, /projects, and /notes
Template Details
dj-widgets (called Orbitum in the repository) is an admin dashboard template built with React, Vite, and TypeScript, positioned as a personal operations hub. It consolidates multiple information panels into one interface: the dashboard shows time, date, and sunrise/sunset; the weather panel displays Warsaw weather and a 5-day forecast; the calendar supports Polish holidays, date markers, and custom events; the schedule panel includes focus items, tasks from notes, the day's events, and a timetable; the projects panel provides a module map, work status, and pinned priorities; the news panel includes RSS feeds and a separate military action message list; the markets panel covers gold, currencies, cryptocurrencies, and watchlist assets.
The template also offers dark, light, and system-following themes, configurable sidebar visibility and order saved locally, custom tooltips for the collapsed sidebar, a quick-action floating button in the bottom-right corner, and a context menu as an entry point for future actions. User settings, calendar events, focus and schedule items, watchlist assets, notes, and tasks are stored in localStorage; it currently does not rely on a database connection.
Data comes from several public APIs: OpenWeatherMap provides weather and forecasts, NBP provides exchange rates and gold prices, CoinGecko provides cryptocurrency quotes, and RSS2JSON acts as a relay for RSS feeds. The README states that the project is still under continuous visual and functional development, and integration with the target database has been intentionally postponed to avoid affecting the stable demo version. Main routes include /dashboard, /news, /markets, /day-plan, /projects, /notes, /operations, /profile, /profile/edit, /settings, and /repo.
ViteReactAdmin dashboard
Is it right for your project?
Use Cases
- Building a personal operations hub or information aggregation dashboard
- As a starting template for a React + Vite + TypeScript admin interface
- Demonstrating multi-panel layouts, theme switching, and local state persistence
Suitable For
- React developers who need a ready-made dashboard interface structure
- Projects that want to display weather, exchange rates, market quotes, and RSS using public APIs
- Demos or prototypes that accept storing user settings and content in localStorage
Getting started & customization
Use these recorded setup notes alongside the repository instructions for your chosen version.
- 1
Run npm install to install dependencies, and npm run dev to start the local development server (default http://localhost:5173)
- 2
Use npm run build to build the production version, and npm run preview to preview the build output
- 3
When deploying to Vercel, set the build command to npm run build and the output directory to dist
- 4
Weather, exchange rate, cryptocurrency, and RSS data depend on external public APIs; verify availability and key requirements yourself
- 5
Third-party assets such as demo images, fonts, and icons must be checked against their respective licenses
License & source material
Usage conditions & limitations
Free to use · keep license noticeThis entry covers the free version under the MIT license in the public repository; the free scope is the code of that version and does not mean external services or third-party assets are free.
Must comply with when using
- You may use, modify, commercialize, and distribute the code of this version for free.
- When distributing copies or substantial portions of the code, retain the original author's copyright notice and the full MIT license notice.
- The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.
Additional costs & items to verify
- Demo images, fonts, icons, and other third-party assets must be checked against their respective licenses; they cannot be judged solely by the code's MIT license.
- External services such as domains, hosting, databases, payments, or AI may incur additional charges.
- The template relies on multiple external public APIs (OpenWeatherMap, NBP, CoinGecko, RSS2JSON) for data; before use, verify these services' availability, quotas, and key requirements yourself.
- The weather and forecast features depend on the external OpenWeatherMap service, which usually requires registering an account and configuring an API key; otherwise the related panels cannot fetch data properly.
- The RSS news feature is implemented through the third-party relay service RSS2JSON, which is an external dependency; its availability and call limits affect the news panel.
- The project is currently a demo version, and integration with the target database has been intentionally postponed, so it does not have production-grade data persistence capabilities.
- The current version does not connect to a database; user data is stored only in browser localStorage, making it unsuitable for scenarios requiring server-side storage or multiple users.
View Original Text Basis
Permission is hereby granted, free of charge
Original License Text
Aplikacja korzysta z kilku publicznych API:
Original README
OpenWeatherMap dla pogody i prognozy.
Original README
RSS2JSON jako pośrednik dla kanałów RSS.
Original README
Integracja z docelową bazą danych jest świadomie odłożona, żeby nie psuć stabilnej wersji demo.
Original README
https://github.com/DamJanJot/dj-widgets/blob/main/LICENSEhttps://github.com/DamJanJot/dj-widgets/blob/main/README.mdNa ten moment aplikacja nie wymaga połączenia z bazą danych.
Original README
Compiled by DeepSeek based on repository license and README ·2026-10-13. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.
Project checks & description sources
Template Information
- Source platforms
- GitHub
- Documentation and maintenance reference score
- More documented · 88 / 100
- Technologies
- Vite · React
- Website type
- Admin dashboard
How this score is calculated
Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.
What to verify for this project
- Repository update recorded
- 2026-10-13
- Screenshot last checked
- 2026-10-13
A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.
The catalog identifies Vite as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.
Use a selection guide →How this description was prepared
AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.
Review declaration: [email protected] · 2026-10-13
Inspect the recorded source material
SHA-256: 1d6233db7822cafe8180c33b1796b9dcb1d26b1b7e53989bee9a6b26b7400b5d
2026-10-13T01:45:38.025Z
Source file / repository# Orbitum Panel webowy zbudowany w React, Vite i TypeScript. Aplikacja rozwija się w kierunku docelowego centrum operacyjnego Orbitum: dashboardu dla pogody, kalendarza, planu dnia, rynków, aktualności, projektów i przyszłej architektury modułów. Projekt jest obecnie rozwijany wizualnie i funkcjonalnie. Integracja z docelową bazą danych jest świadomie odłożona, żeby nie psuć stabilnej wersji demo. ## Funkcje - Dashboard z godziną, datą, wschodem i zachodem słońca. - Pogoda dla Warszawy oraz kompaktowa prognoza 5 dni. - Kalendarz miesięczny z polskimi świętami, zaznaczaniem dnia i własnymi wydarzeniami. - Plan dnia z fokusem, zadaniami z notatek, dzisiejszymi wydarzeniami i harmonogramem. - Panel projektów z mapą modułów, statusem prac i przypiętymi priorytetami. - Aktualności RSS oraz osobna lista wiadomości o działaniach zbrojnych. - Rynki: złoto, waluty, krypto i obserwowane aktywa. - Przełączanie motywu: ciemny, jasny, systemowy. - Konfigurowalny sidebar: widoczność i kolejność paneli zapisywana lokalnie. - Własne tooltipy w zwiniętym sidebarze. - Pływający przycisk szybkich akcji Orbitum w prawym dolnym rogu. - Menu kontekstowe po prawym kliknięciu jako baza pod przyszłe akcje. - Profil, edycja profilu, ustawienia, centrum operacyjne i repository. - Lokalne notatki i zadania jako osobny panel. - Szybka nawigacja z topbara oraz zapamiętywanie ostatnio odwiedzanych widoków. ## Dane i tryb demo Aplikacja korzysta z kilku publicznych API: - OpenWeatherMap dla pogody i prognozy. - NBP dla kursów walut i ceny złota. - CoinGecko dla krypto. - RSS2JSON jako pośrednik dla kanałów RSS. Część ustawień użytkownika jest zapisywana w `localStorage`, między innymi: - motyw, - konfiguracja sidebaru, - ostatnio odwiedzane widoki, - wydarzenia w kalendarzu, - fokus i harmonogram dnia, - lista obserwowanych aktywów, - notatki i zadania. Na ten moment aplikacja nie wymaga połączenia z bazą danych. ## Uruchamianie ```bash npm install npm run dev ``` Domyślnie Vite uruchamia aplikację lokalnie pod adresem: ```text http://localhost:5173 ``` Build produkcyjny: ```bash npm run build npm run preview ``` ## Najważniejsze widoki - `/dashboard` - główny pulpit. - `/news` - aktualności i działania zbrojne. - `/markets` - złoto, waluty, krypto i obserwowane aktywa. - `/day-plan` - fokus dnia, zadania i harmonogram. - `/projects` - mapa modułów, priorytety i kierunek integracji. - `/notes` - lokalne notatki i zadania. - `/operations` - centrum operacyjne i alerty. - `/profile` - profil użytkownika. - `/profile/edit` - edycja profilu. - `/settings` - motyw i konfiguracja sidebaru. - `/repo` - informacje o repozytorium. ## Deployment na Vercel Ustawienia projektu: ```text Build command: npm run build Output directory: dist ``` ## Stack - React - TypeScript - Vite - Chart.js - Recharts - Lucide React - Radix UI ## Licencja MIT
Explore similar templates
Compare previews and descriptions within the same stack and category.
kiaalap
Kiaalap is a free, open-source admin template from Colorlib for education, online courses, and school management.
Vite · Admin dashboard
react-vite-admin
A backend management starter built on Vite and React, integrating Recoil, React Query, TypeScript, and Axios, with Ant Design-style interface screenshots. Suitable as a starting point for management-side projects, licensed under MIT, with Chinese documentation and common scripts.
Vite · Admin dashboard
admin-antd-react
A Vite + React 18 admin template using Ant Design and Recoil, with login, logout, and registration flows; page, button, and permission configuration verification; internationalization; dynamic sidebar and breadcrumbs; Svg Sprite icons; Mock data; and list, form, and detail page examples.
Vite · Admin dashboard
arco-admin-template
A Vite + React mid-to-back-office template using Arco Design, react-router-dom v6, mockjs, and less, with internationalization, theme customization, and light/dark switching. Includes login, dashboard, resource, component examples, settings, and 404 pages.
Vite · Admin dashboard
super-admin
A React, Vite, and Antd admin template that implements multi-tab route caching similar to Vue keepalive and route-based permission control.
Vite · Admin dashboard
react-vite-tailwind-typescript-firebase-auth-template
A starter template for backend applications using Vite, React, TypeScript, TailwindCSS, and Firebase Auth, featuring login and dashboard interfaces. Requires your own Firebase project and credentials in .env; no backend logic included.
Vite · Admin dashboard