Money Laundry Admin Website 🫧👕

This is an admin website designed for managing and monitoring operations of Money Laundry App. This website is built using Next JS and Tailwind CSS.

Routes 📍

Route	Description
/login	Route for user login.
/home	Displays statistics Money Laundry App.
/home/user	User management section.
/home/user/order/{id}	View detailed information on a specific user order.

Screenshots 💻

• Login Page

  

• Home Page

  

• Detail Page

  

• Confirmation Alert

  

Getting Started 🚀

• Clone this repository

  git clone https://github.com/dzarurizkyy/money-laundry-admin
  

• Create .env.local File

  NEXT_PUBLIC_URL="https://moneylaundry.bimbelhimalaya.com/api"
  

• Install Dependencies

  npm install
  

• Build Project

  npm run build
  

• Start Development Server

  npm run start
  

Project Structure 🗂️

 project-root/
  ├── components/       # Reusable UI components
  ├── context/          # Global state management
  ├── pages/            # Page components for different views 
      ├── templates/    # Template pages
  ├── utils/            # Utils function
  ├── public/           # Publicly accessible files
  ├── styles/           # Stylesheets 

Dependencies 🔗

• React Icons : A library that provides a collection of popular icons for React.
• React Toastify : A library for easy notifications using toast messages in React.
• SweetAlert2 : A library to create beautiful, customizable alerts and modals.
• Chart.js : A library for creating interactive and customizable charts and graphs.

Related Repositories 📌

• Money Laundry App 📱
• Money Laundry API 🛠️

Contributor 🤝

• Dzaru Rizky Fathan Fortuna