A development and UI/UX concept of web ETH wallet. The ETH wallet project involves the creation of a user-friendly and visually appealing interface for managing and accessing Ethereum transactions. The project is built using React JS, HTML, and styled-components and has authorization and deployment via Firebase,
Link - https://software-engineering-wit.web.app
Built by SHERA KOSIMI Copyright © by Shera Kosimi for his personal purposes. You are 100% allowed to use this webapp for both personal and commercial use, but NOT to claim it as your own design and work. A credit to the original author, Shera Kosimi, is of course highly appreciated!
Install the below tools/packages
| Serial No | Software | Version | Serial No |
|---|---|---|---|
| 1 | Node.js | >= 6.9.1 | Install Node.js |
| 2 | npm | >= 3.10.8 | Install NPM |
Install eth-wallet with npm to run the website locally
System setup
- Clone the repo with
git clone [REPO_URL] - Switch to the project's root directory in terminal
- Install the dependencies by running
npm install - Once, 'npm install' is completed, start the server by running
npm start - It will run the app in the development mode - http://localhost:3000
- The page will reload when you make changes
- firebase for authorization and deployment.
- react-icons as icons package.
- styled-components for styling HTML elements (reusable components).
- react-scroll for smooth scrolling between sections.
ReactJS
React JS is used for front-end development, making it easy to manage the various components of the interface and ensure a smooth user experience.
UI/UX
The UX design focuses on making the process of managing Ethereum transactions simple and intuitive for the user. A clean and modern layout, along with clear and concise text, makes it easy for users to navigate the interface and complete transactions with ease.
HTML provides the structure for the pages and components, while Styled-components enables the creation of customized and reusable styles for the interface.
Firebase
The ETH wallet project has authorization and deployment via Firebase, adding an additional layer of security and ease of use to the project. Firebase provides the necessary tools and infrastructure for deploying and hosting the wallet application, while also offering user authentication services to secure access to the wallet.
The deployment of the ETH wallet through Firebase streamlines the process, making it easier for users to access and use the wallet. The integration of Firebase into the ETH wallet project makes it a secure and scalable solution for managing Ethereum transactions.