Seamless Mobile Web Admin: Experience Pay Admin, a Flutter-Powered Solution

Pay Mobile Web Admin

Pay Mobile

GitHub repo size

This is the Web Admin for the Pay Mobile P2P Money Transfer App. It has two levels (i.e ADMIN and AGENT) . AGENT(Customer Service) has limited features but ADMIN has all the features.

Live Link: Pay Mobile Web Admin

Main Features

1. Dashboard for viewing all users neccessary data.

Dashboard Showcase

2. View All User Transactions. Search by Reference and perform Actions

Transactions Showcase

3. Send Push Notification to all Registered Users. Only ADMINS can use this feature.

Send Push Notification

4. In-app customer service support. ADMIN can reply to all messages but AGENTS can only reply to messages from users selected at random

Customer Support Showcase

5. Settings, only ADMIN can access this route

Settings Showcase

Note: Some Features have been removed from AGENT accounts

Agent Showcase

After log in, the user type state is stored and used throughout the web app

Login Screen Showcase

QUICK START โšก

Visit: Pay Mobile Full Stack to access the full stack code of the software (i.e the Back End and the Mobile Front End)

Note: The server running this web app has already been deployed to render.com, which means you can immediately clone this repo, run it and start using it (i.e The backend is already connected).

After cloning donโ€™t forget to run:

flutter pub get

Packages Used ๐Ÿ“ฆ

  1. provider
  2. shared_preferences
  3. http
  4. intl
  5. socket_io_client
  6. responsive_framework

Here are some test login details of ADMINs

{
"email":"evanmusktest@mail.com",
"password":"test123",
}
{
"email":"rhodesmail@mail.com",
"password":"test123",
}

Here are some test login details of AGENTS

{
"email":"timtest@mail.com",
"password":"test123",
}
{
"email":"welchtest@mail.com",
"password":"test123",
}
{
"email":"amostestemail@mail.com",
"password":"test123",
}

If you choose to run it on your own server, visit the Pay Mobile Server Repo

This is the official Nodejs server code that this Web app is running on Pay Mobile Server

Important

After you are done with configuring the server, donโ€™t forget to update the uri in the global_constants.dart file

  1. Locate lib\core\utils\global_constants.dart and edit line 6 using the server URL you generated or created. Changes will apply globally. Check Below:
6. const String uri = "https://transfer-dayo-niyi.onrender.com";

To

6. const String uri = "Your server URL";

Thatโ€™s All ๐ŸŽ‰๐ŸŽ‰๐ŸŽ‰

Contributing

Pull requests are welcome. If you encounter any problem with the app or server, you can open an issue.

If you liked this project, donโ€™t forget to leave a star ๐ŸŒŸ.
Note: As of now, no tests are available

License

This project is licensed under the MIT License โ€“ see the LICENSE file for details.

GitHub

View Github

Description of the image

Related Posts