DEV Community: Tr.Ra

ETH Crypto Wallet Desktop APP

Tr.Ra — Thu, 06 Jul 2023 07:15:44 +0000

Crypto-Wallet Desktop

Crypto-Wallet Desktop is a decentralized Ethereum wallet built with Electron.js, Vite.js, React.js, TypeScript, and Ethers.js. It provides a user-friendly interface for managing Ethereum and ERC20 tokens, allowing users to send transactions securely and conveniently.

This project is specifically designed for educational purposes and aims to provide an accessible and beginner-friendly codebase. Whether you're a novice developer looking to learn more about building decentralized applications or an experienced developer interested in exploring Ethereum wallets, Crypto-Wallet Desktop is an excellent starting point.

The UI design of Crypto-Wallet Desktop draws inspiration from popular Ethereum wallets like MetaMask, providing users with a familiar and intuitive interface. However, please note that Crypto-Wallet Desktop is not affiliated with or endorsed by MetaMask.

Features

✅ Send Ethereum Transactions: Send Ether (ETH) from your wallet to other Ethereum addresses.
✅ ERC20 Token Support: Send transactions with ERC20 tokens, including popular tokens like DAI, USDT, and more.
✅ Transaction History: View a detailed history of your past transactions, including their status and transaction details.
✅ Balance Overview: Keep track of your Ethereum and ERC20 token balances in a single dashboard.
✅ Network Switching: Connect to different Ethereum networks, such as Mainnet, Testnet, or a custom network of your choice.
✅ QR Code Support: Easily scan QR codes for wallet addresses and transaction details.
🚧 Secure Key Management: Store your private keys securely on your device, ensuring full control of your funds.
🚧 Custom Gas Fees: Set your preferred gas price and gas limit for transactions according to your needs.
🚧 Multi-Language Support: Choose from a range of languages to personalize your wallet interface.

Installation

Clone the repository:

   git clone https://github.com/vatheara/crypto-wallet-desktop.git

Navigate to the project directory:

   cd crypto-wallet-desktop

Install the dependencies:

   npm install

Start the electron:

   npm run dev

Navigate to the react project directory:

   cd vite-project

Start the react:

   npm run dev

The application will be launched in development mode.

Screenshots

Contributing

Contributions are welcome! If you have any ideas, bug reports, or feature requests, please open an issue or submit a pull request. Make sure to follow the code of conduct.

To contribute to Eth-Wallet Desktop, follow these steps:

Fork the repository.
Create a new branch: git checkout -b my-feature-branch.
Make your changes and commit them: git commit -am 'Add new feature'.
Push to the branch: git push origin my-feature-branch.
Submit a pull request.

Please ensure that your pull request adheres to the project's guidelines and coding conventions.

License

This project is licensed under the MIT License. See the LICENSE file for details.

Acknowledgements

Crypto-Wallet Desktop was made possible thanks to the following open-source projects:

Electron.js - https://www.electronjs.org/
Vite.js - https://vitejs.dev/
React.js - https://reactjs.org/
TypeScript - https://www.typescriptlang.org/
Ethers.js - https://docs.ethers.org/v6/

Special thanks to the Ethereum community for their continuous support and inspiration.

react native: Icons are not loading properly react-native-vector-icons

Tr.Ra — Wed, 30 Mar 2022 07:25:35 +0000

If you are facing issues with react-native-vector-icons, Icons are not loading properly or loading with x sign.
Please follow the below process:

Open ProjectDir/android/app/build.gradle
add below line apply from:("../../node_modules/react-native-vector-icons/fonts.gradle");
Clean and Rebuild npm start -- --reset-cache
It will load icons properly now.

react: sync data of useState between parent and child component

Tr.Ra — Thu, 24 Mar 2022 08:09:56 +0000

parent:

const Parent = () => {
    const [text, setText] = useState('')

    const input = (value) => {
        setText(value)
    }

    return (
        <View style={styles.contianer}>
            <Child input={input} />
            <Text style={{padding: 10, fontSize: 42}}>
            {text}
            </Text>

        </View>
    )
}

child:

const Child = (params) => {
    const [storage, setValue] = useLocalStorage({});
    const [text, setText] = useState('')
    const handleOnChange = (text) => {
        setText(text)
        params.input(text)
    }

    return(
        <View style={styles.seacrbar} >
            <FontAwesomeIcon style={styles.searchIcon} icon={ faSearch } />
            <TextInput 
            style={styles.input} 
            placeholderTextColor="#3f4652"  
            placeholder="Search Coin Pairs"
            onChangeText={handleOnChange}
            />
        </View>
    )
}

react-native: rebuild android project

Tr.Ra — Wed, 23 Mar 2022 08:27:34 +0000

cd /android
chmod +x gradlew
./gradlew clean build

setup database for remote connect in vps

Tr.Ra — Mon, 03 Jan 2022 03:58:54 +0000

beware of security
mysql> CREATE USER 'root'@'%' IDENTIFIED BY 'PASSWORD';
mysql> GRANT ALL PRIVILEGES ON . TO 'root'@'%' WITH GRANT OPTION;
mysql> FLUSH PRIVILEGES;

if there’s a firewall installed, one should open the port on the firewall;

Ubuntu:
sudo ufw allow 3306/tcp sudo service ufw restart

Run this:

netstat -plant|grep ":3306"|grep "LISTEN"

If it comes back with something like this:

tcp 0 127.0.0.1:3306 0.0.0.0:* LISTEN 1881/mysql
This means that it’s bound to local only. To fix this, follow the appropriate guide below for your distro.

If it shows something like this:

tcp 0 0.0.0.0:3306 0.0.0.0:* LISTEN 1881/mysql
This means it’s a firewall issue. Follow the Firewall guide below for your distro.

For 127.0.0.1 result

Ubuntu:

edit /etc/mysql/my.cnf, and look for this:
(in my case my ubuntu version is 20.* so my.cnf is /etc/mysql/mysql.conf.d/mysqld.cnf )

bind-address=127.0.0.1

and change it to this:
bind-address=0.0.0.0

Restart MySQL:
service mysql restart
And you should be good to go

things of php to install for laravel

Tr.Ra — Tue, 28 Dec 2021 07:14:50 +0000

sudo apt-get install php8.1-{dom,mysql,mbstring,curl}

Switch PHP version on linux

Tr.Ra — Tue, 28 Dec 2021 06:45:00 +0000

You can list all loaded Apache modules with apache2ctl -M

this method is work fine
you can ls /usr/bin/php* to see how many php version you have and use this command switch to it

update-alternatives --set php /usr/bin/php7.4

this method sometime not work like u expected

$ sudo a2dismod php7.1
$ sudo a2enmod php5.6
$ sudo service apache2 restart

use laravel repository class without __contruct

Tr.Ra — Tue, 14 Dec 2021 08:48:33 +0000

If you want Laravel to solve your dependencies, you must build your object with App::make instead of instanciate manually with new.

$myInstance = App::make('App\Repositories\CartRepository');

just in case you want to test in artisan tinker

get user in AppServiceProvider Laravel

Tr.Ra — Tue, 14 Dec 2021 07:49:50 +0000

Laravel session is initialized in a middleware so you can't access the session from a Service Provider, because they execute before the middleware in the request lifecycle

If for some other reason you want to do it in a service provider, you could use a view composer with a callback, like this:

view()->composer('*', function($view) { if (Auth::check()) { // $view->with('currentUser', Auth::user()); dd(Auth::user()); }else { // $view->with('currentUser', null); dd('nope not logged in'); } });

Share global variable to views

Tr.Ra — Tue, 14 Dec 2021 07:25:23 +0000

declare variable in Providers\AppServiceProvider on function boot()
Ex:
View::share('location_address', null);

Database relation with laravel

Tr.Ra — Tue, 14 Dec 2021 07:23:03 +0000

Artisan Command:
php artisan db:seed