Z-Phone

Welcome to Z-Phone, the open-source initiative that transforms the in-game mobile experience in FiveM by introducing a sleek, iPhone-inspired design that prioritizes simplicity and elegance.

Objective

Our goal is to create a visually appealing and user-friendly phone interface that enhances the gameplay experience without overwhelming players. By focusing on essential features and an intuitive layout, we hope to make communication in the game more enjoyable and immersive.

Inspiration

This project is inspired by QBPhone from QBCore, combining its core functionalities with a fresh aesthetic that appeals to modern users. Our redesign aims to modernize the user experience while retaining the familiar features players love.

Dependencies

for QB

• QB Core: This project relies on the QBCore framework for core functionalities.
• QB Banking: QB Banking is need for digital banking app or invoices.

for ESX

• ESX Core: This project relies on the ESX framework for core functionalities.
• ESX Banking: ESX Banking is need for digital banking app.
• ESX Billing: ESX Banking is need for billing on banking app.

for QBX TODO updates documentation

for OX (inprogress)

IMPORTANT: If you use others garage, housing, banking and invoice resource you still can use this phone but need a little changes on server/core/[your fw].lua then update query for retrieving datas following structure, please dont change the structure if you dont want enter to .jsx code!

always need

• OX Lib: OX Lib is also required to ensure seamless integration with existing systems.

Tech Stack

We are using the following technologies to build this project:

• React.js: For creating a dynamic and responsive user interface.
• Tailwind CSS: To style our components with a utility-first approach, ensuring a clean and modern design.

Contributing

We welcome contributions from the community! Feel free to open issues, submit pull requests, or suggest features. Together, we can make the Z-Phone experience better for everyone.

License

This project is licensed under the DWYWDBM License - see the LICENSE file for details.

---

Thank you for checking out Z-Phone! We hope you enjoy the new experience as much as we enjoyed creating it.

---

Ready to Use???

(Optional for QB) BANK TRANSACTION

If you want all bank transactions recorded, then do it in qb-core/server/player.lua

function self.Functions.AddMoney

-- OTHERS CODE
if not self.Offline then
    -- OTHERS CODE
    if moneytype == 'bank' then
        MySQL.Async.insert('INSERT INTO bank_statements (citizenid, account_name, amount, reason, statement_type) VALUES (?, ?, ?, ?, ?)', {
            self.PlayerData.citizenid,
            'checking',
            amount,
            reason,
            'deposit'
        })
    end
    -- OTHERS CODE
end

self.Functions.RemoveMoney

-- OTHERS CODE
if not self.Offline then
    -- OTHERS CODE
   if moneytype == 'bank' then
        MySQL.Async.insert('INSERT INTO bank_statements (citizenid, account_name, amount, reason, statement_type) VALUES (?, ?, ?, ?, ?)', {
            self.PlayerData.citizenid,
            'checking',
            amount,
            reason,
            'withdraw'
        })
        TriggerClientEvent('qb-phone:client:RemoveBankMoney', self.PlayerData.source, amount)
    end
    -- OTHERS CODE
end

(Required) IMPORT SOUND

Go to https://github.com/alfaben12/z-phone/tree/main/html/sounds copy all files then paste to resources/[standalone]/interact-sound/client/html/sounds

(Required) IMPORT DATABASE

Go to https://github.com/alfaben12/z-phone/blob/main/z-phone.sql import query to your database to add all table for support z-phone

IMPORTANT NOTES

Default phone number in QBCore may not be compatible with z-phone. If you use QBCore.Functions.GetPlayerByPhone(number) with a z-phone number, it is likely to return incorrect results. To avoid this issue, it's essential to synchronize the z-phone numbers with the QBCore character information (on table players, column charinfo, key phone).

BTW

I forgot where I downloaded this iPhone object, as far as I remember I downloaded it from forum.cfx.re, remind me if you know the author.

Please note that in V2.x.x, z-phone has not been optimized. If you want it optimized, that's fine and don't forget to make a pull request.

DISCUSSION

https://discord.com/channels/1012753553418354748/1289265300457525269/1289265300457525269

Showcase

https://www.youtube.com/watch?v=sE6SahWlA3U

SUPPORT

Thank you for your support! ko-fi

All Thanks to Our Contributors

alfaben12