biantris / admin-analytics

Admin dashboard

Admin Analytics

A SPA build with NextJS

🚧 WIP 🚧

Note See Back-end project admin-analytics-api

Tools

• TypeScript
• NextJS
• Next Auth
• Storybook
• Axios
• Yup
• Tailwind CSS
• Nivo Chart
• React Hook Form
• Jest
• React Testing Library
• Vercel (Deploy)

To-do

• Login and cokies
• Dashboard
• Show endpoint data through graphs
• Check routes for ADMIN flag (back and front)
• User List page
• User Crate page
• Rate Limit on create user endpoint
• Responsive
• Testing

Pages

Login

Dashboard [ADMIN]

Dashboard [USER]

Users [ADMIN]

Users Create [ADMIN]

RESPONSIVE

Getting Started

• Set up the server repository ( 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

# install dependencies
yarn
# or
yarn install

# start project
yarn dev

# see on localhost link
http://localhost:3000

Users to Login

#ADMIN
> [e-mail]
> 12345678

#USER
> [e-mail]
> 12345678

Run Storybook

• yarn storybook

Demo

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