https://github.com/biantris/admin-analytics

Admin dashboard
https://github.com/biantris/admin-analytics

Last synced: 6 months ago
JSON representation

Admin dashboard

• Host: GitHub
• URL: https://github.com/biantris/admin-analytics
• Owner: biantris
• Created: 2023-03-04T16:45:00.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2024-06-19T01:39:38.000Z (about 2 years ago)
• Last Synced: 2025-04-03T16:36:07.328Z (over 1 year ago)
• Language: TypeScript
• Homepage: https://admin-analytics.vercel.app
• Size: 3.32 MB
• Stars: 2
• Watchers: 1
• Forks: 1
• Open Issues: 14
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          


    



Admin Analytics


A SPA build with NextJS


🚧 WIP 🚧
 


> **Note**

> See Back-end project [admin-analytics-api](https://github.com/biantris/admin-analytics-api)

### Tools

- [x] [TypeScript](https://www.typescriptlang.org/)

- [x] [NextJS](https://nextjs.org/)

- [x] [Next Auth](https://next-auth.js.org/)

- [x] [Storybook](https://storybook.js.org/)

- [x] [Axios](https://axios-http.com/)

- [x] [Yup](https://github.com/jquense/yup)

- [x] [Tailwind CSS](https://tailwindcss.com/)

- [x] [Nivo Chart](https://nivo.rocks/)

- [x] [React Hook Form](https://react-hook-form.com/)

- [ ] [Jest](https://jestjs.io/)

- [ ] [React Testing Library](https://testing-library.com/)

- [x] [Vercel](https://vercel.com/) (Deploy)

### To-do

- [x] Login and cokies

- [x] Dashboard

- [x] Show endpoint data through graphs

- [x] Check routes for ADMIN flag (back and front)

- [x] User List page

- [x] User Crate page

- [x] Rate Limit on create user endpoint

- [x] Responsive

- [ ] Testing

### Pages

Login

![image](https://user-images.githubusercontent.com/65451957/224522618-a014f88a-f0bd-4ba0-a71b-3b4b1a727634.png)

Dashboard [ADMIN]

![image](https://user-images.githubusercontent.com/65451957/224522640-91906b84-3ba6-4657-a994-a19807c60b59.png)

Dashboard [USER]

![image](https://user-images.githubusercontent.com/65451957/224522747-8c7ad068-142b-4ca7-b96b-879a8d5f4956.png)

Users [ADMIN]

![image](https://user-images.githubusercontent.com/65451957/224522685-48992ba9-2a68-422f-8b4b-26d9668a668e.png)

Users Create [ADMIN]

![image](https://user-images.githubusercontent.com/65451957/224522700-433012b8-a157-4bc2-a351-2ad03f64c875.png)

RESPONSIVE

![image](https://user-images.githubusercontent.com/65451957/224557108-dafe3a2b-e941-4da8-926c-b0ba1f4a59ce.png)

![image](https://user-images.githubusercontent.com/65451957/224557136-90030a93-1b6e-410f-a7d7-020d7354cd44.png)

![image](https://user-images.githubusercontent.com/65451957/224557165-88d5772d-d689-4b33-afd1-0dafcb8a3dc6.png)

![image](https://user-images.githubusercontent.com/65451957/224557179-6e7bfaff-2811-42b7-b9b4-84a94b9886f2.png)

### Getting Started

- Set up the [server repository](https://github.com/biantris/admin-analytics-api) ( Note: it needs to be running together with the frontend )

- Clone this repo

- Create a new `.env.local` file and copy the contents of `.env.example` into it

```sh

# install dependencies

yarn

# or

yarn install

# start project

yarn dev

# see on localhost link

http://localhost:3000

```

### Users to Login

```sh

#ADMIN

> admin@gmail.com

> 12345678

#USER

> user@gmail.com

> 12345678

```

#### Run Storybook

- `yarn storybook`

![image](https://user-images.githubusercontent.com/65451957/224513497-848b3560-a4a6-4cb7-81d3-bf3f1030f22e.png)

## Demo

🔗 https://admin-analytics.vercel.app/