https://github.com/supakunz/admin_dashboard

An app that displays various information and manages products and users, developed using NextJS TailwindCSS MUI Axios and NextAuth for the client and MongoDB for the database.
https://github.com/supakunz/admin_dashboard

admin-dashboard autentication axios javascript material-ui next-auth nextjs sweetalert2 tailwindcss

Last synced: 1 day ago
JSON representation

An app that displays various information and manages products and users, developed using NextJS TailwindCSS MUI Axios and NextAuth for the client and MongoDB for the database.

• Host: GitHub
• URL: https://github.com/supakunz/admin_dashboard
• Owner: SupakunZ
• Created: 2024-10-16T08:41:51.000Z (23 days ago)
• Default Branch: master
• Last Pushed: 2024-10-28T07:54:06.000Z (11 days ago)
• Last Synced: 2024-10-28T08:00:10.421Z (11 days ago)
• Topics: admin-dashboard, autentication, axios, javascript, material-ui, next-auth, nextjs, sweetalert2, tailwindcss
• Language: JavaScript
• Homepage: https://admin-dashboard-amber-sigma.vercel.app
• Size: 2.93 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Admin-Dashboard

AdminDashboard is application an app that displays various information and manages products and users, developed using NextJS TailwindCSS MUI Axios and NextAuth for the client and MongoDB for the database.

https://github.com/user-attachments/assets/af5aa836-525c-4f9f-9dea-c46f560ab042

## 🎃 Live Demo 

AdminDashboard

## 💀 Features

  


      
Creating an API route.

      
Connecting and querying a MongoDB Database via an API route.

      
Adding a user signup API route and sending signup requests from the frontend

      
Working with a custom auth provider in NextAuth.js to log in users.

      
Hashing passwords with Bcryptjs.

      
Adding, editing, deleting products and users

      
Can display user information in the system and the quantity and price of the product.

      
Integrating Sweetalert2 for displaying user-friendly notifications.

      

   

  


## 🎉 Technologyies Used

   Tools :

  


      
NextJS

      
Axios

      
NextAuth

      
Sweetalert2

      
Material UI

      
Tailwind CSS

  


  Database :

      
MongoDB


## 🐦 Installation

1. Clone this repository :

```bash

git clone https://github.com/SupakunZ/Admin_Dashboard.git

```

2. Navigate to the project folder and install dependencies :

```

cd Admin_Dashboard

npm install

```

3. Launch the application in development mode :

```

npm run dev

```