Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/xingxing-collective/xingxing-admin

A clean, elegant, beautiful and powerful admin template, based on Nuxt, TypeScript, and tailwindcss.
https://github.com/xingxing-collective/xingxing-admin

admin antv dashboard echarts nuxt nuxt-ui tailwindcss vue

Last synced: about 1 month ago
JSON representation

A clean, elegant, beautiful and powerful admin template, based on Nuxt, TypeScript, and tailwindcss.

Host: GitHub
URL: https://github.com/xingxing-collective/xingxing-admin
Owner: xingxing-collective
License: mit
Created: 2024-10-22T08:28:12.000Z (2 months ago)
Default Branch: main
Last Pushed: 2024-11-21T07:21:56.000Z (about 1 month ago)
Last Synced: 2024-11-21T08:23:37.835Z (about 1 month ago)
Topics: admin, antv, dashboard, echarts, nuxt, nuxt-ui, tailwindcss, vue
Language: Vue
Homepage: https://xingxing-admin.vercel.app
Size: 22.3 MB
Stars: 1
Watchers: 0
Forks: 1
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

        # System built with Nuxt ☑️

A clean, elegant, beautiful and powerful admin template using [Nuxt](https://nuxt.com) 

[![Deploy to Vercel](https://vercel.com/button)](https://xingxing-admin.vercel.app)

## 🚀 Features

- Build visual graphics using [AntV](https://antv.antgroup.com/), [Echarts](https://echarts.apache.org), [Unoivs](https://unovis.dev/)

- Authentication backed-in using [nuxt-auth-utils](https://github.com/atinux/nuxt-auth-utils)

- User interface made with [Nuxt UI](https://ui.nuxt.com)

## 🌐 Live demo

https://xingxing-admin.vercel.app









## 🚧 TODO

- [x] Login with Github

- [x] Create chart with AntV

- [x] Create chart with Echarts

- [x] Create chart with Unoivs

- [ ] Sign in with Google

- [ ] Sign in with Email

- [ ] Profile settings

## 🛠️ Setup

Make sure to install the dependencies using [pnpm](https://pnpm.io/):

```bash

pnpm i

```

If you want to use the map, please apply the key from the following map providers:

- [高德地图](https://lbs.amap.com/api/javascript-api-v2/prerequisites) 

- [百度地图](https://lbs.baidu.com/index.php?title=jspopularGL/guide/getkey)

- [Tencent Map](https://lbs.qq.com/webApi/javascriptGL/glGuide/glBasic)

Add the variables in the `.env` file:

```bash

NUXT_GAODE_MAP_TOKEN=

NUXT_BAIDU_MAP_TOKEN=

NUXT_TENCENT_MAP_TOKEN=

```

Create a [GitHub Oauth Application](https://github.com/settings/applications/new) with:

- Homepage url: `http://localhost:3000`

- Callback url: `http://localhost:3000/api/auth/github`

Add the variables in the `.env` file:

```bash

NUXT_OAUTH_GITHUB_CLIENT_ID="my-github-oauth-app-id"

NUXT_OAUTH_GITHUB_CLIENT_SECRET="my-github-oauth-app-secret"

```

To create sealed sessions, you also need to add `NUXT_SESSION_PASSWORD` in the `.env` with at least 32 characters:

```bash

NUXT_SESSION_PASSWORD="your-super-long-secret-for-session-encryption"

```

## 💻 Development

Start the development server on http://localhost:3000

```bash

npm run dev

```

## 📄 License

[MIT License](./LICENSE)