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

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

This is an admin website designed for managing and monitoring operations of Money Laundry App
https://github.com/dzarurizkyy/money-laundry-admin

nextjs nextjs-project reactjs

Last synced: 3 months ago
JSON representation

This is an admin website designed for managing and monitoring operations of Money Laundry App

Awesome Lists containing this project

README

        

# 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


Screenshot-2024-11-11-094951

-

Home Page


Screenshot-2024-11-11-094951

-

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](https://react-icons.github.io/react-icons/) : A library that provides a collection of popular icons for React.
- [React Toastify](https://fkhadra.github.io/react-toastify/installation/) : A library for easy notifications using toast messages in React.
- [SweetAlert2](https://sweetalert2.github.io/#download) : A library to create beautiful, customizable alerts and modals.
- [Chart.js](https://www.chartjs.org/docs/latest/getting-started/installation.html) : A library for creating interactive and customizable charts and graphs.

## Related Repositories 📌
- [Money Laundry App](https://github.com/Bahauddinnafis/money-laundry-mobile) 📱
- [Money Laundry API](https://github.com/RaflyAmartharizqi/money-laundry-api) 🛠️

## Contributor 🤝
- [Dzaru Rizky Fathan Fortuna](https://www.linkedin.com/in/dzarurizky/)